編輯標注：來自用戶體驗設計師?Mofei QIAN?根據自己的經驗總結的如何制作好的設計文檔，原文分理論和技術兩篇，這里合二為一分享給大家。

?設計文檔的重要性

以前一直對設計文檔的制作不是很上心，僅僅把它當做一個標準流程來完成，并沒有花過多時間和精力去研究設計文檔的制作。后來在進行各種項目的過程中慢慢發現設計文檔的制作其實是很重要的一環，設計文檔的好壞直接關系到項目組對設計方案的理解和解讀。一份好的設計文檔可以極大減少溝通的成本，加快項目開發的進程。

既然認可了設計文檔的重要性，現在就來關注一下如何制作好的設計文檔。這些年各種項目做下來，接觸和制作過各種類型的設計文檔。一直覺得沒有哪種模式是特別有效率的，最近剛剛跑了一個敏捷開發，又碰上了很多溝通的問題，鑒于同樣的溝通問題以前也經常碰到，所以借著這個機會深入研究了一下設計文檔的制作，希望能設計一份更有效的文檔制作方式，解決一些常碰到的溝通類問題，以利于以后的項目運作。

好的設計文檔的特性

我覺得設計文檔存在的目的是為了提高溝通效率和記錄設計的過程，而一份好的設計文檔應該具備如下幾張特性。

其實具體的設計文檔會因為項目類型的大小，開發進度的快慢，人員配置的多少而展現出不同的樣式，所以除了設計文檔本身的制作，設計師還應該做到以下幾點來保證自己的設計文檔能達到和團隊流暢溝通的目的。

1. 交付設計文檔前，專門和項目組開會說明設計文檔的組織方式和使用方法，讓大家清楚知道設計文檔包含了哪些內容。
2. 在項目進行過程中，階段性地根據團隊成員反饋修改文檔設計，不斷進行調整去讓文檔更高效。
3. 每到項目完結后，自己對設計的文檔使用進行總結，并根據總結內容來調整改進文檔的設計方法。

以上是對如何制作一份好的設計文檔的分析總結，下面是制作設計文檔的具體技術細節。相比于長篇大論的理論研究，落實到技術層面的實際操作就簡單的多了。經過對幾種軟件和文件格式的搭配，最后選擇用?Indesign + PDF?來嘗試制作下個項目的設計文檔。

排版對設計文檔的重要性

其中美觀的排版是重點，只要是文檔，多多少少都不受待見，所以如果能讓文檔美觀簡潔，那該文檔實際使用中被認真閱讀的可能性無疑會增加很多。至于如何能把文檔從視覺上設計的美觀簡潔，個人建議不要去看其它的項目文檔，因為絕大多數文檔都是用字碼出來的，談不上美觀簡潔。推薦多參考各類公司的年報或設計類商品的說明書。如果能把一個操作流程的解釋做得和宜家家具安裝提示這么簡單的話，相信可以極大地增加溝通效率。

選擇用 Indesign 來制作 PDF 文檔的原因是因為它本身就是設計排版軟件，本身功能非常適合用于文檔類的編輯和修改。該軟件還有一大便利就是可以更新連接的外圖，這對經常需要更新的設計文檔來說真是再方便不過了。

及時更新設計圖的流程

說到及時更新設計圖，可以參考騰訊CDC 的一篇文章《如何制作實用美觀的設計文檔》，文中作者提出直接在 Indesign 里面做設計或者直接鏈接 PSD 源文件。這種做法的確可以增加文檔更新、維護效率，不過根據個人經驗，實際操作中會有幾個技術問題。一是用 Indesign 來創建線框圖(Wireframe)的問題不大，但是如果要做流程圖(Flow chart)的話效率太低，建議流程圖還是在 Visio 或者 OmniGraffle 里面做好，導出 Jpeg 。然后在 Indesign 里面鏈接到相對應的 Jpeg 。以后更新了 Jpeg 的話，只要文件名字不變，只要在 Indesign 里面更新一下鏈接即可，還是蠻方便的。

該方法同樣適用于視覺設計圖的鏈接。同樣個人不建議直接把 PSD 文件導入 Indesign，雖然從流程上說少了從 Photoshop 導出視覺設計 Jpeg 圖片這一步，但是站在視覺設計的角度來看，這樣會讓 PSD 源文件的管理變得比較麻煩。所以同樣還是不去鏈接源文件，而只鏈接相對應的 Jpeg 比較有效率。

另外對于?Indesign 這個工具來說，就算是以前沒有用過 Indesign，只要是使用過 Adobe 其它軟件的，應該也能很快上手，學習成本相對來說是比較低的。

來源：極客公園