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

提問人：周麗平發(fā)布時(shí)間：2021-09-13

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

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

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

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

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

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

3、對(duì)比：有意識(shí)地增加元素間的差異性。

將元素對(duì)齊以后，雖然好了許多，但是畫面略顯平淡，沒有層次?？匆豢从疫叺囊环鶊D，會(huì)不會(huì)感覺更刺激眼球，更容易讓人抓住重點(diǎn)了?(這里我們先暫且不論針對(duì)上圖如此調(diào)整適不適合)

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

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

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

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

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

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

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

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

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

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

關(guān)于圖片：如果圖片并不花哨，可以直接使用。但如果圖片過于艷麗搶眼，這應(yīng)該處理以后再使用。比如：模糊、調(diào)暗、加色塊?？傊裱翰淮萄?、不影響信息的原則。

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

3、多色系與單色系

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

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

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

http://www.flatuicolors.com/

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

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

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

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

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

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

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

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

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

1、拿來主義

http://icomoon.io/app/

http://thenounproject.com/

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

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

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

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

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

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

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

2、AI

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

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

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