Here we go.

十載的商河網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整商河建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“商河網(wǎng)站設(shè)計”,“商河網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

作為一個交互設(shè)計師，我們要全局掌握產(chǎn)品的背景，邏輯，用戶體驗。但是，我們不能忽略設(shè)計過程中一個很關(guān)鍵的步驟，設(shè)計輸出。

如果我們用email或者其他大海報的方式來輸出設(shè)計文檔，有沒有產(chǎn)品經(jīng)理會抱怨說看不懂？有沒有開發(fā)抱怨使用過程中效率低？在我之前的工作經(jīng)驗中，我一直保持用一種方式來輸出設(shè)計文檔，InDesign + PDF，在之前的產(chǎn)品同事與開發(fā)同事得到的反饋是好的，這里也希望分享并討論這個方式是不是適合我們騰訊的產(chǎn)品開發(fā)節(jié)奏。

用InDesign輸出PDF設(shè)計文檔的好處有不少，我這里先列舉幾點：

1，設(shè)計文檔規(guī)整，閱讀效率提高。

2，設(shè)計文檔適合打印，在很多評審場合閱讀紙張更有效。（同時請注意環(huán)保）

3，一個部分講一個故事，清晰明確，而不是把所有場景都集中在一頁上。

4，InDesign可以設(shè)置文字，圖片格式，通過style來管理，大大提高修改設(shè)計文檔的效率。

5，設(shè)計文檔簡潔美觀，讓閱讀者輕松愉快。

6，筆記，交互形式，配合設(shè)計圖的方式，全面，內(nèi)容集中，不需要額外注解。

7，可以配合視覺設(shè)計進(jìn)行文檔輸出，作為一個完整的reference。

8，有助于知識保存，知識傳播。

9，設(shè)計師創(chuàng)建并維護(hù)設(shè)計文檔貫穿整個產(chǎn)品設(shè)計過程，主人感，成就感強(qiáng)。

最后強(qiáng)調(diào)一下，這里指的設(shè)計文檔是唯一輸出，貫穿設(shè)計師所有工作過程中，而不是產(chǎn)品設(shè)計完成后的總結(jié)沉淀。

這個設(shè)計文檔模版也是多變的，設(shè)計師可以根據(jù)自己產(chǎn)品的需求靈活變動，請不要拘泥于模版。

Now let’s start digging.

這是第一頁：文檔封面，文檔封面是每一個文檔的第一個展示，我們應(yīng)該清晰的傳達(dá)這個設(shè)計文檔的基本信息。在InDesign中，這頁的頂部可以設(shè)立為主模版，支持整個文檔。

A.文檔生產(chǎn)方logo，展示設(shè)計文檔來自哪個團(tuán)隊。

B. 團(tuán)隊或者項目名稱，再次展示文檔信息。

C. 主標(biāo)題，這個標(biāo)題是產(chǎn)品的名稱，應(yīng)該貫穿整個文檔。

D. 版本號很關(guān)鍵，設(shè)計文檔需要有嚴(yán)格的版本控制；修改時間可以告訴讀者，這個文檔的最近更新情況；當(dāng)然，這里還可以根據(jù)需要加入設(shè)計師名稱，ID，Email信息等。

E. 頁碼需要在一個顯眼的位置，特別是在遠(yuǎn)程會議的時候，頁碼會是一個重要的定位信息。

F. 第一頁不要太多信息了，要讓讀者集中注意力，只放一個標(biāo)題是好主意，有時F與C會是一樣的。

這是第二頁：修改記錄，修改記錄對于持續(xù)更新的產(chǎn)品設(shè)計文檔是不可或缺的，開發(fā)，產(chǎn)品經(jīng)理，與設(shè)計師能根據(jù)修改記錄快速了解每個版本修改的內(nèi)容。例如例子中，7月12日修改了6個點，如果沒有修改記錄，開發(fā)可能需要1個小時看完100頁的文檔才能了解哪些地方被修改過。

A.修改記錄應(yīng)該為文檔的第二頁，關(guān)鍵，價值大。

B.內(nèi)容區(qū)重點為修改日期，與簡短的修改內(nèi)容，修改內(nèi)容應(yīng)該首先點明版本號，然后把修改的部分與頁碼寫出方便讀者查閱。

這是第三頁：內(nèi)容目錄。

A. 內(nèi)容目錄是整個設(shè)計文檔的索引，放在第三頁的重要位置。

B. 在用InDesign生成PDF后，請使用PDF把這頁的每個索引編輯為鏈接，這樣讀者就可以方便在這頁直接跳轉(zhuǎn)到需要閱讀的頁面。

這是第四頁：分段。在完整展開設(shè)計文檔前，要構(gòu)思好每個段落應(yīng)該講一個什么故事。無論多么復(fù)雜的產(chǎn)品，都可以根據(jù)功能，場景，用戶群體等因素劃分為數(shù)個故事。在每個設(shè)計文檔中，我們都應(yīng)該思考怎樣劃分故事情節(jié)給到我們的產(chǎn)品經(jīng)理，開發(fā)，設(shè)計師，管理者，以及適應(yīng)用戶群體，理想狀態(tài)，故事的劃分是通用應(yīng)對所有人群的。

A. 就像模版中所說一樣，一次只說一個故事。

這是第五頁，內(nèi)容。內(nèi)容區(qū)展示的內(nèi)容豐富多樣。這里我只給出了款式，分析了款式后，再補(bǔ)充一些可以在文檔中加入的內(nèi)容。

A. 副標(biāo)題，也是故事名稱。例如一個面向用戶的產(chǎn)品的總標(biāo)題為QQ美好生活，副標(biāo)題會是一個清晰的故事子集，例如美好生活之夏日健康飲品。

B. 每個設(shè)計圖需要配標(biāo)題，在遠(yuǎn)程會議中，這個標(biāo)題配合數(shù)字的方式可以極大提高交流效率。

C. 在InDesign中，我主要使用兩種設(shè)計圖方式，一種是在InDesign中直接生成設(shè)計圖，一種是把PSD源圖直接放入InDesign。第一種的好處是，所有設(shè)計圖在InDesign中，可以統(tǒng)一設(shè)定風(fēng)格，統(tǒng)一修改。第二種的好處是，PSD可以輸出更清晰的交互，視覺圖，而且InDesign可以記錄路徑，以后的修改中，可以直接修改源PSD，然后刷新InDesign文檔就可以刷新所有文檔內(nèi)PSD圖。

D. 筆記區(qū)適應(yīng)在每個需要筆記的頁面，非常重要，可以極大減少產(chǎn)品經(jīng)理，開發(fā)，設(shè)計師持續(xù)互相問問題的時間。

E. 筆記中也可以錄入對產(chǎn)品經(jīng)理，或者開發(fā)的問題。在每次評審的時候，我會在文檔中直接標(biāo)記需要注意的點，這樣會后設(shè)計方的修改記錄就直接產(chǎn)出。例如：“這６個圖需要在２秒內(nèi)拉出來，需要與開發(fā)確定”。

分享名稱：如何制作實用美觀的設(shè)計文檔
地址分享：http://weahome.cn/article/cpgojp.html