產品人員如何使自己產出的各類文檔更加美觀?

美觀是指:高端、大氣、上檔次,同時讓人樂於閱讀,不至產生「字太多 / 圖太亂不想看」的感覺。


又一次被 @Clerk Ma 同學抓壯丁了??

在回答這個問題之前,有一點我得先聲明:如果把受眾嚴格限制在「產品人員」,那麼我得說,這些人是無法讓產生的文檔「美觀」起來的。最起碼在微軟是如此。為什麼?因為大型項目開發的文檔格式並不是產品人員提供,而是由專門的設計師設計。在這種情況下,合格的產品人員需要做的不是做一個漂亮的格式,而是做符合格式要求的文檔。在文檔符合要求的前提下,設計師開發的工具會提取出正確的信息並排版成公司統一的格式。

當然,我知道上面這樣的回答沒法讓人滿意。那麼我們還是退回來,不妨講一些通用的準則。

一般來說,產品人員不是專業的排版設計師。如果要求產品人員自行設計一份「高端、大氣、上檔次」的文檔,其實並不現實,也不必要。不過,寫一份平實可靠不讓人討厭的文檔還是一項義務。多數情況下,我會要求我的團隊成員能做到如下這些:

  1. 文檔結構清晰。比如編寫內部工具的使用手冊時,我一般會要求有一些固定的內容,比如:介紹,編譯和安裝說明,快速使用範例,聯繫人,然後才是具體項目具體發揮的部分,最後是附錄。這些固定的內容一般也按照固定的順序排列。當所有的文檔都按照相同的布局排列時,大家自然就能知道該往哪裡看。
  2. 一個部門內的文檔,盡量統一格式。如果沒有格式,哪怕就用 Word 內建的,也不要花里胡哨亂設計,以免弄巧成拙。在這個時候,漂亮是第二位的。
  3. 盡量符合文章主要語言的排版習慣。比如英文文章中引用的書名就應該是斜體,中文就該用書名號,不要自己發明表達方法。
  4. 合理利用留白。特別是需要懂得利用段落前後間距留下足夠的空白。我見過一些文檔格式要求所有段間距設置為最小行距,一旦字多起來就密密麻麻,非常難看。
  5. 避免到處使用強調、加粗或諸如此類的標記。太多的標記會讓人看得很累。
  6. 避免到處貼圖。所謂一圖勝千言,但連篇累牘地貼圖只會讓人看得倒胃口。況且圖片本身還有解析度的問題,如果給出的圖片過大,反而看不清楚,降低閱讀效果。這個時候寧可用文字描述。而且對技術人員而言,文字描述未必就比圖難懂。表格的情況類似。
  7. 把代碼塊或其它類似的語句塊和正文分開。我的習慣是放在一個1x1的表格里。這是為了以後排版時提取和修改字體方便。
  8. 總是留下頁眉頁腳和目錄。這讓你的文檔隨時可以列印,而不需要在列印前做太多的處理。

一般來說,如果能做到上面這些,你的文檔也許不會特別好看,但也應該難看不到哪裡去。


我是個有文檔美觀綜合症的產品經理... 於是上趕著回答一下這個問題~
首先,你需要有一定的審美能力,了解基本的設計準則,會簡單的PS,說下最簡單的三個原則:
1. 字體、字型大小統一:正文盡量用微軟雅黑,小四和五號字都比較好看;
2. 間距、對齊統一:行間距不要太緊湊1.5倍行距適合,對齊很重要,不同級別的段落要有統一的縮進格式;
3. 顏色、形狀統一:整個文檔顏色不要超過3個,文字不要用純黑,矩形統一用5px倒角的圓角,透明形狀最好用純黑或純白做透明。

其次,根據不同格式的文檔,有一些建議:
1. Word美觀大法:寫過論文吧?把撰寫論文時,學校要求的那些變態的格式要求用在你的文檔上。表格中文字與表格邊框一定要留有空間,標題行和數據內容行用背景色區分,表格邊框改為深灰色;圖形用PS,PPT做,慎用Word自帶的形狀工具(很難做好看,而且格式容易亂),產品文檔中各種流程圖很多,我試過幾乎所有wireframeflowchart製作工具,發現還是PPT做流程圖最簡單可靠,同時如果你自己需要畫業務流程圖等帶Icon的圖,請找一套風格統一的資源庫,我尋找ICON經常去這個網站:http://www.mricons.com/ 但大多數情況是都不滿意,於是自己用Photoshop做吧。最後,WORD的展現很難非常美觀,我經常是最後導出成PDF,美觀度立刻上漲10個百分點;
2. PPT美觀大法:PPT的核心就是背景圖,如果不能讓設計師設計一個你滿意的,就自己找一些純色質感並且有打光效果的圖來做背景圖,PPT好看來自簡潔,越是少的元素效果越好。其次內容要重點突出,看看tumblr就明白,大字並重點突出可以多麽好看,因此你每頁的重點文字可以做的很大,與正文形成對比,每張PPT確保一個重點,並保證這個重點在左上角。在有大段正文的前面加一些簡單並統一的ICON修飾,尤其是對不同重點描述的文字前,加上這些有區分度的ICON會感覺讓文字不太單調。最後加圖的時候要注意上下兩張PPT的圖片處於同一位置,並寬度相同,高度可以隨著圖片自適應,我通常是按上下鍵看看圖片是否在同一位置。
3. 產品設計原型美觀大法:設計原型力求高保真,我之前用BALSAMIQ做原型的時候,也會力求每個元素的尺寸與最終設計出的保持一致。如果有設計師做的效果圖,且你有PS能力,就力求做出與設計師風格一致的高保真原型,如果沒有效果圖,你最好用AXURE這樣功能強大的原型設計工具,做出整齊的原型(BALSAMIQ用多了還是感覺審美疲勞,不夠整齊好看),使用AXURE的時候,最重要的是盡量設置你的邊框為「無」,多用背景色填充的,整齊的一個區域,按鈕也這樣做,不要用按鈕元素。AXURE最坑爹的是你在軟體里看你的字體都是微軟雅黑,生成後都變成了宋體,所以字體這裡都設置一下,製作好的原型需要了解網頁的基本設計規範,最簡單的例如:正文最小字體是12號的宋體。我最自豪的是拿出原型做評審的時候,大家都問,這是設計稿嗎?
4. 其他:少用最好不用EXCEL,VISIO。

總而言之,如果你很在意,提高自己的審美能力,多看優秀的網頁設計(太有設計感的平面設計沒用),多花點時間在文檔的修飾上,認真的當回事。話說回來了,你的文檔內容,邏輯結構才是最重要的,不過美觀也是最重要的,美觀易讀才能讓你的文檔更有機會被人讀到。


字型大小和字體建議使用默認,若演示的話建議使用微軟雅黑,行間距盡量調大些。


用omnigraffle,你的願望已經達成了一半,剩下的,要靠個人能力和技術充分溝通交流,畢竟,文檔,其實,不是給你自己看的。


以用戶為中心,想想如果換作自己看文檔,是否能夠直接了當看懂文檔的中心內容


個人在做文檔時更多地是將易讀性列為比形式美觀更重要的考慮因素:
1.正式文檔有清晰、規範的框架和簡潔的摘要;
2.非正式文檔儘可能藉助圖形圖表來傳遞信息;
PS:擁有一套自己的文檔框架能節省不少時間。


為什麼要美觀,美觀的文檔是否能給產品帶來更多增益?


別把時間浪費在這些表層的東西,輸出的應該是更有價值的東西,只有國企性質的單位才會這麼要求把,把文檔整的好看,領導喜歡! 干實事的公司哪會這麼多要求


推薦閱讀:

TAG:互聯網 | 產品經理 | 互聯網產品 | 排版 | 字體排印 |