移動版 - 最新教程 - 熱門教程 - 推薦教程 - 熱門資源 分享高質量的原創Office教程、Word教程、Excel教程、PPT教程。

蓝月亮心水四肖中特:打造完美扁平化風格PPT的8條黃金法則

發布時間:2015-02-04 來源:@嘉文錢原創,轉載至:逼格PPT

88862豪哥四肖中特 www.jjfyo.com 正如標題所說,本期PPT制作教程就來談一談扁平化PPT的設計。什么是扁平化?來自百度百科的解釋:

扁平化的概念最核心的地方就是放棄一切裝飾效果,諸如透視,紋理,漸變等等能做出3D效果的元素一概不用。所有的元素的邊界都干凈利落,沒有任何羽化,漸變。界面干凈整齊,使用起來格外簡潔??梢愿蛹虻ブ苯擁慕畔⒑褪攣锏墓ぷ鞣絞秸故境隼?,減少認知障礙的產生。

看了百度的解釋,相信你也發現了,扁平化暗合了PPT設計的主要原則......那么問題來了,扁平化PPT到底怎么做才能更強?本教程簡單的講述打造完美扁平化風格PPT的8條黃金法則。

一、扁平化PPT設計之四大原則

1、親密:相互關聯的內容最好放在一起

完美扁平化風格PPT

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

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

完美扁平化風格PPT

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

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

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

完美扁平化風格PPT

將元素對齊以后,雖然好了許多,但是畫面略顯平淡,沒有層次??匆豢從冶叩囊環?,會不會感覺更刺激眼球,更容易讓人抓住重點了?(這里我們先暫且不論針對上圖如此調整適不適合)

4、重復:取相同等級元素來重復使用。

完美扁平化風格PPT

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

小結:說了這些,頭暈了嗎?看看下面的記憶方法

完美扁平化風格PPT
完美扁平化風格PPT

二、扁平化PPT設計之顏色

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

完美扁平化風格PPT

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

如何調整:如右圖所示,微調色相,適當調低飽和度和亮度。(小白請說人話:最簡單的就是調整由圖中,右側“一條”的由黑色漸變白色的那個。)

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

完美扁平化風格PPT

關于暖色:不建議使用,容易亮瞎觀眾的雙眼,仍以產生殘像。

關于冷色:使用較多,但要注意顏色的兼容。例如上圖中,圖表與背景的顏色區別一定要打,不然根本看不清楚。

關于圖片:如果圖片并不花哨,可以直接使用。但如果圖片過于艷麗搶眼,這應該處理以后再使用。比如:模糊、調暗、加色塊。總之要遵循:不刺眼、不影響信息的原則。

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

3、多色系與單色系

完美扁平化風格PPT

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

多色系:以主色為基礎,改變顏色的飽和度和亮度。

4、配色參考網站

//www.flatuicolors.com/

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

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

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

三、扁平化PPT設計之色塊

完美扁平化風格PPT

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

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

四、扁平化PPT設計之圖標

完美扁平化風格PPT

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

如何獲得PPT圖標:

1、拿來主義

//icomoon.io/app/

//thenounproject.com/

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

2、自己動手,風衣足食

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

完美扁平化風格PPT

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

完美扁平化風格PPT
完美扁平化風格PPT

如何轉換PPT圖標格式:

1、在線轉換。

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

2、AI

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

五、扁平化PPT設計之字體

完美扁平化風格PPT

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

完美扁平化風格PPT

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

六、扁平化PPT設計之圖片

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

完美扁平化風格PPT
完美扁平化風格PPT
完美扁平化風格PPT

七、扁平化PPT設計之動畫

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

元素動畫:淡出、浮出、直線、弧形、轉彎、環形、循環、自定義路徑。如果你找不到的話......那就再找找吧。

轉場動畫:淡出、推進、擦除、揭開、覆蓋、平移。

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

八、扁平化PPT設計之偽扁平

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

完美扁平化風格PPT
完美扁平化風格PPT

更多相關閱讀

打造扁平化PPT的五大設計原則

從零開始教你打造優秀的扁平化PPT

1000枚艷麗扁平化PPT圖標+183個國家徽標PPT素材

PPT與Ai結合使用,輕松搞掂扁平化PPT

怎樣制作扁平化PPT

    相關教程
    專題教程推薦
    熱門資源下載