本文適用場景：PPT，原型設(shè)計，海報設(shè)計，word排版，信息圖繪制

提高信息傳播效率是人類一直的追求，原始人在石壁上繪制圖畫記錄信息，到文字與紙張的發(fā)明，今天大數(shù)據(jù)是最熱門的話題，而數(shù)據(jù)可視化是其重要一環(huán)。所謂一圖勝千言，一頁P(yáng)PT抵得上1000字的文字描述，一套可交互原型一定程度上可以代替幾十頁的PRD文檔，一頁優(yōu)秀的海報能讓閱讀者快速獲取信息并做出反饋，一張設(shè)計合理的信息圖可以讓你快速了解一個從未接觸過的領(lǐng)域，如下圖所示：

一、設(shè)計規(guī)則

1、排版設(shè)計四原則：親疏、對齊、對比、重復(fù)

（1）親疏：相互關(guān)聯(lián)，意思相近的內(nèi)容應(yīng)該放在一起

根據(jù)信息相關(guān)性分組，利用空間距離，添加虛線或?qū)嵕€等方法體現(xiàn)信息親疏關(guān)系，如下圖所示：

左圖中，如果你要找可口可樂，需要從頭到尾檢索文字，而在右圖中，經(jīng)過親密性原則調(diào)整后，你就可以很快地找到飲料區(qū)，從中找到可樂。

設(shè)計樣例源于《寫給大家看的設(shè)計書》

如上圖所示，通過親疏性將信息從空間上分開，標(biāo)題使用不同字體和加粗，通過對比，將親疏性表現(xiàn)的更加明顯。

（2）對齊：保證頁面上的某兩個元素之間總是圍繞一條直線對齊

大家可以找一些優(yōu)秀的設(shè)計案例，你會發(fā)現(xiàn)，都會有很多隱藏的參考線，保證文字，圖標(biāo)等設(shè)計元素對齊一致，如下圖所示：

效果一目了然

源于《寫給大家看的設(shè)計書》

劇中對齊對于大段文字不是非常適合，左對齊效果最佳，如上圖所示，同時運(yùn)用了親疏和對齊，瞬間讓海報的可讀性提升很多。

（3）對比：有意識地增加不同等級元素之間的差異性，要么相同，要么完全不同

通過加粗，添加底色，修改顏色，增加圖標(biāo)等方式讓信息展示在視覺上有對比性，明顯可以看出標(biāo)題或重點(diǎn)。

（4）重復(fù)：分析元素等級后，選取相同等級的元素來重復(fù)

從單個頁面來說，“解釋說明”部分的字體、大小都體現(xiàn)出重復(fù)性原則，保證了單個頁面的穩(wěn)定性。從多個頁面來說，轉(zhuǎn)場頁屬于同一等級，所以他們應(yīng)該具有某些重復(fù)的特征，如下圖所示，除了顏色之外，其他特征都是相同的，而顏色的不同讓PPT更有味道。

2、如何配色

提到配色，很多書會介紹各種專業(yè)的色彩搭配原理，如何利用互補(bǔ)色，近似色，三色去把握整體畫面的色彩，但是作為一個非專業(yè)設(shè)計師，如果只是為了制作簡潔的PPT，原型和海報，最好的方式則是選擇自己看著舒服的頁面和配色表，通過吸取和填充完成配色，或是找到適合的PPT模板，因為這種方式更加穩(wěn)妥和高效，所有設(shè)計師都是從臨摹開始的。

（1）PPT配色

PPT的配色可以簡單分幾類，純色，背景圖，紋理背景等，一頁P(yáng)PT最好不超過三種顏色，不要使用刺眼的純色，可以微調(diào)色相，適當(dāng)調(diào)低飽和度和亮度。下文中會介紹制作PPT，原型和海報的常用工具，查看第二章：工具推薦。

（2）原型配色

原型分低保真原型和高保真原型，低保真原型本質(zhì)上為了將頁面信息結(jié)構(gòu)展示清楚，以黑白灰配色，將信息結(jié)構(gòu)展示清楚即可。高保真原型盡量與設(shè)計師合作完成。

（3）海報設(shè)計

海報設(shè)計屬于系統(tǒng)化設(shè)計，不單單只是配色問題，涉及到背景，字體，排版，摳圖，手繪等很多因素，最好的方法是找到內(nèi)容相符的已經(jīng)設(shè)計好的海報修改文字內(nèi)容，推薦大家一個神器-創(chuàng)客貼，有了它，所有圖片設(shè)計基本都可以搞定，從名片設(shè)計，微信頭圖設(shè)計，X展架設(shè)計，自媒體宣傳海報設(shè)計等都是拖拽式操作，模板修改文字，一步搞定。

3、選擇字體

PPT主要靠邏輯說服聽眾，原型主要靠用戶頁面展示讓團(tuán)隊清楚信息流程和展現(xiàn)樣式，所以沒必要在字體上做文章，中文字體微軟雅黑和英文字體MS YAHEI非常適合PPT的一種無襯線字體，如果微軟雅黑的粗體依然不夠，可以考慮下載?方正超粗?并且黏貼到到windows/Fonts的文件夾。

如果文字放在單色背景上時，文字顏色和背景顏色一定要對比度夠大，不可使用色彩相近顏色填充。

字體和線條的搭配可以讓PPT變得特別簡介，也給大家?guī)讉€模仿案例，非常簡單，大家可以在制作PPT的時候使用，建議大家模仿制作一次，模仿是學(xué)習(xí)設(shè)計的最好方法。。

4、圖標(biāo)

圖標(biāo)不要隨意使用，圖標(biāo)是為了幫助觀眾/用戶理解內(nèi)容而存在的，讓觀眾/用戶可以在圖標(biāo)就了解演講內(nèi)容的方向，并且加深觀眾的印象。

圖標(biāo)與標(biāo)題同等重要,在有圖標(biāo)的情況下，圖標(biāo)與標(biāo)題同等重要，甚至比標(biāo)題更需要動腦。

150萬圖標(biāo)，高效中文檢索，可選顏色，可改大小，導(dǎo)出png格式下載，PPT制作，原型制作，海報制作必選工具！

5、扁平化設(shè)計（扁平化、簡單偽扁平化和偽扁平化）

IOS和Android設(shè)計規(guī)范引領(lǐng)了設(shè)計趨勢，現(xiàn)在互聯(lián)網(wǎng)產(chǎn)品、海報和PPT設(shè)計均從擬物化向扁平化發(fā)展，而什么是扁平化呢？扁平化可以簡單的分為三種：真的扁平化，簡單偽扁平化和偽扁平化。真的扁平化沒有陰影明暗變化，簡單偽扁平化有陰影但是沒有高光和細(xì)節(jié)，扁平化有陰影，有高光和細(xì)節(jié)，如下圖所示，附設(shè)計方法，建議大家模仿制作一次，模仿是學(xué)習(xí)設(shè)計的最好方法。

二、工具推薦

創(chuàng)客貼（在線制圖最強(qiáng)神器，沒有之一）

花瓣網(wǎng)（瀑布流圖片搜索神器）

Piktochart（信息圖制作）

Color Scheme（在線配色工具）

trianglify-generator（在線紋理背景生成）

Optimizilla（在線圖片壓縮）

pexels（高清免費(fèi)圖片背景）

三、學(xué)習(xí)方法

學(xué)過素描的朋友都知道，最初都是臨摹，從簡單的石膏幾何體臨摹開始，到幾何體寫生，再到景物臨摹，景物寫生，石膏像臨摹，石膏像寫生。而對于非專業(yè)設(shè)計，我們最好的方式也是臨摹+創(chuàng)作，很多朋友上來就憑借自己感覺制作，然后感覺很丑，于是給自己心理暗示“自己沒有設(shè)計天賦”，最終放棄。

1、PPT設(shè)計方法

首先梳理PPT的邏輯和金字塔結(jié)構(gòu)，根據(jù)內(nèi)容選擇適當(dāng)模板，千萬別為了套用模板而修改PPT的內(nèi)容，為了使用模板而調(diào)整內(nèi)容，新人很容易犯這個錯誤。當(dāng)時間充裕時，可以使用PPT的圖形工具，模仿模板內(nèi)容，進(jìn)行臨摹設(shè)計。內(nèi)容排版上分別從親疏、對齊、對比、重復(fù)四個維度進(jìn)行設(shè)計。

2、原型設(shè)計方法

如何快速熟悉一個產(chǎn)品的業(yè)務(wù)邏輯？筆者認(rèn)為最好的方式就是使用xmind將其功能模塊進(jìn)行拆解，再使用axure根據(jù)思維導(dǎo)圖模仿現(xiàn)有平臺主要頁面和交互流程，可以將軟件原圖作為底圖，在其上面臨摹各類元素。

海報設(shè)計方法。使用創(chuàng)客貼，搜索滿意的模板，修改文字內(nèi)容，二維碼，頁眉和頁腳等信息。

#專欄作家#

田宇洲（微信公眾號：言之有術(shù)），人人都是產(chǎn)品經(jīng)理專欄作家，北京大學(xué)軟件工程管理碩士，北京電信4年產(chǎn)品經(jīng)理，負(fù)責(zé)B2B電商平臺的前后端產(chǎn)品設(shè)計，擅長游戲化產(chǎn)品設(shè)計，挖掘用戶畫像。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pexels，基于 CC0 協(xié)議