打造完美扁平化風(fēng)格PPT的8條黃金法則

一、扁平化PPT設(shè)計之四大原則

1、親密：相互關(guān)聯(lián)的內(nèi)容最好放在一起

如果叫你從左圖中找到可口可樂，你能一眼看出來在哪里嗎?很難。但是按照親密性原則調(diào)整后，右圖是不是更容易找到一些?

2、對齊：保證頁面上的某兩個元素之間對齊。(對處女座來說是小case)

對齊，這確實是一個很簡單的問題，但不知道應(yīng)該感到幸運還是不幸，這個世界上并不是每一個人都是處女座，能把PPT收拾干凈。在做扁平化PPT時，一定要記住對齊，不然就會畫虎不成反類犬。

在上面的示例中，左圖的信息顯得非常亂，如果信息在多一點，頁面就崩掉了。兒右圖對齊以后，就顯得簡潔大氣上檔次了。

3、對比：有意識地增加元素間的差異性。

將元素對齊以后，雖然好了許多，但是畫面略顯平淡，沒有層次。看一看右邊的一幅圖，會不會感覺更刺激眼球，更容易讓人抓住重點了?(這里我們先暫且不論針對上圖如此調(diào)整適不適合)

4、重復(fù)：取相同等級元素來重復(fù)使用。

從多個頁面來說，轉(zhuǎn)場頁(小白請說人話：可以簡單理解為下一個內(nèi)容的主題封面)屬于同一等級，所以他們應(yīng)該具有某些重復(fù)的特征。如上圖的例子所示，除了顏色之外，其他特征都是相同的，而顏色的不同讓PPT看起來更有味道。而從單個頁面來說，“解釋說明”部分的字體、大小都體基本一致，保證了頁面的穩(wěn)定性。

小結(jié)：說了這些，頭暈了嗎?看看下面的記憶方法

二、扁平化PPT設(shè)計之顏色

1、配色原則：鮮艷而不刺眼

扁平化設(shè)計的一大特點就是鮮艷，但這也要適度。左圖中，我們看到刺眼組在小面積色塊的情況下都顯得非常刺眼了，如果大面積使用，你和你的小伙伴兒還能一起愉快的玩耍嗎?而和諧組就顯得柔和多了。

如何調(diào)整：如右圖所示，微調(diào)色相，適當(dāng)調(diào)低飽和度和亮度。(小白請說人話：最簡單的就是調(diào)整由圖中，右側(cè)“一條”的由黑色漸變白色的那個。)

2、確定背景色：非白色——暖色、冷色、圖片

關(guān)于暖色：不建議使用，容易亮瞎觀眾的雙眼，仍以產(chǎn)生殘像。

關(guān)于冷色：使用較多，但要注意顏色的兼容。例如上圖中，圖表與背景的顏色區(qū)別一定要打，不然根本看不清楚。

關(guān)于圖片：如果圖片并不花哨，可以直接使用。但如果圖片過于艷麗搶眼，這應(yīng)該處理以后再使用。比如：模糊、調(diào)暗、加色塊?？傊裱翰淮萄邸⒉挥绊懶畔⒌脑瓌t。

博主：這里講一講如何模糊圖片(以PowerPoint2013為例)。在功能區(qū)中選擇視圖→幻燈片母版→選中左側(cè)幻燈片最上面一張(最大一張)→插入圖片→選中圖片→格式→藝術(shù)效果→虛化。你還可以選擇“藝術(shù)效果選項”，在彈出來的編輯區(qū)域，調(diào)整虛化半徑，這樣虛化效果更好。

3、多色系與單色系

多色系：確定主色，再選擇4-5中輔色，來作為色塊顏色。

多色系：以主色為基礎(chǔ)，改變顏色的飽和度和亮度。

4、配色參考網(wǎng)站

http://www.flatuicolors.com/

http://www.peise.net/tools/web/(推薦)

這兩個網(wǎng)站簡單易用，即使不懂配色，也能找到最合理的配色方案。其中第二個是國內(nèi)網(wǎng)站，且在右下方有華麗麗的教程。

另外，要說明的是，很多配色方案可能乍一看上去并不好看，但實際上是，誰用誰知道!!

三、扁平化PPT設(shè)計之色塊

扁平化PPT設(shè)計的一個精髓就是在美觀的前提下力求簡單，因此在色塊形狀的選擇上盡量簡單、規(guī)整的圖形，避免復(fù)雜不規(guī)則的圖形，多邊形最好不要超過6邊，以免分散觀眾注意力。另外，對于色塊的大小也要注意根據(jù)內(nèi)容大小而定，一定要留有適量的空白距離，不然會顯得很Low。

關(guān)于色塊的樣式，也盡量簡單，至少要做到“三去”：去高光、去陰影、去漸變，這樣反而簡單。(小白請說人話：就是插入一個圖形，去掉邊框就可以了)

四、扁平化PPT設(shè)計之圖標(biāo)

圖表并不是隨便用的，好的圖標(biāo)能夠幫助觀眾更清晰地了解內(nèi)容，并加深印象。毫不夸張地說，圖標(biāo)和標(biāo)題一樣重要，甚至更重要。

如何獲得PPT圖標(biāo)：

1、拿來主義

http://icomoon.io/app/

http://thenounproject.com/

這兩個網(wǎng)站都是國外網(wǎng)站，能不能打開就看你人品了，至于如何使用這2個網(wǎng)站，我就不多說了，你能找到我這個網(wǎng)站就已經(jīng)說明一切了。另外你也可以到本站找找：http://www.tretars.com/ppt-resource。

2、自己動手，風(fēng)衣足食

PPT已經(jīng)足夠強大，尤其是2013版，完全可以自己制作，其過程并不像我們想象的那么難。

(PPT中，這幾個功能非常重要)

如何轉(zhuǎn)換PPT圖標(biāo)格式：

1、在線轉(zhuǎn)換。

可以使用這個網(wǎng)站進行轉(zhuǎn)換：http://www.fileformat.info/convert/image/svg2raster.htm。是不是感嘆，對我的感激之情猶如滔滔江水......別急，這個只是用于SVG的轉(zhuǎn)換為PNG、JPG、TIFF的工具，用處也有限。

2、AI

看到AI這兩個字母，是不是就想扁我了?這也沒辦法，要有高逼格，就要有做苦逼的準(zhǔn)備。

五、扁平化PPT設(shè)計之字體

不知道你有沒有研究過蘋果、魅族、小米、錘子等手機廠商發(fā)布會時用的字體，他們的字體都是無襯線的字體，至于什么是無襯線字體上面已經(jīng)講得很清楚了。一般來說，我認為比較好看的中文字體有：微軟雅黑、方正幼線、方正細圓、方正蘭亭;比較好看的英文字體就太多了。在本網(wǎng)站也有不少好字體，可以去找找。

除了字體的大小關(guān)系，字體的顏色也很重要。最常用的就是黑白兩色，至于其他顏色，一定要保證其與底色對比較大，而且和諧。大紅陪大綠就不要出現(xiàn)了。

六、扁平化PPT設(shè)計之圖片

PPT圖片展示最常見的就只有3種方式：整頁展示、大面積展示、方塊展示。當(dāng)然，這里只是粗略地講了一些PPT圖片的展示，更多的PPT圖片排版可以參考此教程《PPT教程|10個技巧讓你的PPT圖片看起來逼格十足》。

七、扁平化PPT設(shè)計之動畫

PPT的基本動畫雖然簡單，但是多種簡單的組合卻能帶來華麗麗的展示效果，這里就不展開說了，就直接簡單粗暴地說說有哪些作者常用的動畫吧。

元素動畫：淡出、浮出、直線、弧形、轉(zhuǎn)彎、環(huán)形、循環(huán)、自定義路徑。如果你找不到的話......那就再找找吧。

轉(zhuǎn)場動畫：淡出、推進、擦除、揭開、覆蓋、平移。

總之，扁平化PPT動畫的原則就是：干脆、不花哨、不吸引注意力。

八、扁平化PPT設(shè)計之偽扁平

所謂偽扁平就是扁平的不夠徹底(好吧，這個解釋好蒼白)，直接看圖吧，有圖有真相。