如何制作好的設計文檔

0 評論 13723 瀏覽 6 收藏 9 分鐘
[核心提示]?設計文檔的好壞直接關系到項目組對設計方案的理解和解讀,那么應當如何制作一份好的設計文檔呢?

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


?設計文檔的重要性

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

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

好的設計文檔的特性

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

1. 精簡的文檔內容

  • 盡量使用口語化短句,避免使用生僻和學術性強的字句,讓文檔對受眾群通俗易懂。
  • 避免使用模棱兩可的詞匯。
  • 避免大段敘述性內容,如果確實需要的話盡量用跳轉到附錄的形式,保持內容主線簡潔、清晰和明了。
  • 避免重復性敘述,同樣的操作或者功能只敘述一次,如果其它地方需要用到該敘述,直接用跳轉引用的方法,不要到處復制黏貼相同的內容。保證同樣的敘述內容源點只有一個,既減少了記憶成本又方便日后維護管理。
  • 能用圖的不要用文字解釋,所謂“一圖頂千言,無圖無真相”不無道理。

2. 美觀、實用的設計排版

  • 大量留白,多分頁,避免把信息排列得過擠、過密。
  • 內容需要明確標明重要度或優先級,方便信息過濾。
  • 把目錄頁、檢索頁面和附錄做好,增加交互性,方便跳轉和搜索,能快速定位到所需要的內容是電子文檔的一大優勢。
  • 能用清單或表單形式表單的內容不要寫成段落格式,眾多開發者反映過,他們大愛各種狀態表格、清單,看起來清晰快捷。
  • 保持排版格式的一致性,避免一份文檔內有多種不同排版方式。

3. 全面、高時效性的信息類型

  • 把項目前期的討論結果以及各種設計相關會議的摘要記錄在文檔里,方便以后查閱
  • 把用戶故事、流程圖、線框圖、交互設計和視覺設計都記錄在一份文檔里,盡量保證文檔的完整性。
  • 文檔的主線應該是最新的設計內容,但是之前不同版本的設計或者其它嘗試也應該以附錄或者其它方式所存在,方便對比、調用和查閱。

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

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

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

選擇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 其它軟件的,應該也能很快上手,學習成本相對來說是比較低的。

來源:極客公園

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!