標籤:

扁平風PPT?別逗了,你做的那個叫補丁風……

諾記我一直都在鼓勵大家用扁平風格設計PPT。不光是因為扁平化是當前設計界一股非常重要的泥石流,哦不,大潮流,更是因為扁平化性價比高啊!——操作簡單,效果明顯。

而想做好扁平風的PPT,最重要就是需要掌握色塊的用法。關於色塊怎麼用,推薦一篇老文章《PPT設計前沿:色塊魔術》。百度一下這個名字,就能搜到這篇文章。

有句話是這麼說的:從成功不能複製 失敗可以借鑒。關於扁平風網上的文章不勝枚舉,優秀案例賞析,背景趨勢探討等等。但是今天諾記的文章並不想告訴你扁平化可以怎麼成功,而是想告訴你扁平化可以怎麼失敗 —— 諾記今天告訴你,扁平化可以怎麼LOW。

首先我們製作一個扁平化的參考頁面。我參考谷歌Material Design的規格製作了一個簡單的界面作為對照稿。這個界面採用了純色色塊,沒有高光,沒有漸變,非常符合扁平化風格的要求,製作起來也非常簡單。

古人云:世上無難事,只怕有心人。只要你用心,沒有什麼事是搞不砸的。我們要對於自己有信心。於是諾記簡答總結了一下,這個普普通通的扁平界面,稍微用心就可以總結出四種常見的錯誤方法:

錯誤一:背景花哨,風格有衝突

扁平化能降低設計難度就是因為界面簡潔清晰。如果你在簡潔的界面之後襯托上繁複的背景,那簡潔與繁複之間就產生了不協調,顯得不倫不類。

這種感覺就有點像正兒八經的超級英雄們,忽然穿上了通俗喜慶的東北大花襖。表情嚴肅但是服裝喜慶,讓人感覺他們是去拜年而不是去救人的……

(老鄉,我來幫你釘釘子咯!)

錯誤二:層上加層,色塊變補丁

扁平化往往會大範圍的運用純色色塊,但是如果出現了多層疊加,這種大面積的純凈感覺就會被打破。

例如這個案例當中,大面積的白色色塊就被藍色的色塊打碎了,變成了幾條白邊,給人感覺是在白色色塊上打了個補丁。所以哪怕都是純色色塊,也盡量不要出現色塊相互覆蓋或者疊加的情況。

錯誤三:配色刺眼,多彩變廉價

在色塊風格中,因為純色面積較大,所以選擇顏色尤其需要穩重。過於鮮艷的,感覺特別能抓人眼球的都不要用,比如鮮紅色,亮黃色,熒光綠等等。這些顏色當點綴可以,大面積使用會讓人很不舒服。如果再加上漸變,那就LOW出新高度了。

配色失敗最典型的例子就是椰樹椰汁,基本上拿在手裡就感覺是移動的彈幕,多看幾眼都辣眼睛啊。

(噩夢級包裝設計:椰樹椰汁)

除此之外,關於網頁或PPT的標題與正文,最好有一個深淺區分 —— 標題深一些,突出重點,正文淺一些,長時間觀看更舒服。如果你不確定什麼顏色好,那麼就參考我在培訓中快說吐了的配色準則:黑白灰百搭。

如果實在不會取色,在網上搜索「 Material Design 配色 」,會有配色列表可以參考。不過注意兩點:太鮮艷的顏色不要用,顏色種類不要太多。

錯誤四:輪廓錯亂,滿眼補丁

最後一種錯誤是輪廓不協調,其中包含兩個方面的問題。首先就是形狀不統一。

有的朋友想讓扁平化的頁面豐富起來,但是顏色不能花哨,背景不能花哨,就在形狀輪廓上動手腳:梯形、圓角矩形、五邊形、六邊形……能用的都給用一遍。不同的形狀邊角輪廓都有差異,擺在一起的時候就讓觀眾感覺說不出的凌亂與浮躁。

所以保證輪廓清晰,首先是盡量統一色塊的形狀。

但是形狀統一,大小統一就整齊了嗎?當然不是!請看下圖:

(補丁感強就意味著輪廓不整齊)

摩托車上每一張廣告配色相同、大小相同、形狀統一……但是由於張貼得十分寫意,所以盡顯凌亂之風。

所以不但要統一形狀,還要對齊擺放。這樣才會讓色塊看上去有秩序,視覺上更協調。

PPT實例分析

總結了那麼多,不如我們把剛才說到的內容運用起來。看看如何改善實際工作中的PPT吧!本期展示的投稿作品是一份來自於新能源的PPT案例,裡面用了不少的色塊,可是補丁感、膏藥感十足,該怎麼修改呢?

首先我把形狀輪廓進行了統一,把倒角不同的圓角矩形統一成了一樣的直角矩形,並且碼放整齊。

然後對於顏色進行了改進:標題深色,正文淺色。一下信息重點就突出了出來。修改完的頁面基本就符合正常扁平化的標準了 。

當然,扁平化的排版不一定非得是標題在上,正文在下的。也可以採用左右分布的形式,不過配色,輪廓等的注意事項仍然要注意。

如果你除了純文字的排版以外,還希望配張圖片,你可以在一個大的色塊上進行圖文混排:例如下面的圖片就是左圖右字的排版。

不過請切記,如果你使用的是扁平風格,請不要在大色塊上堆疊太多層的小色塊,會有補丁疊補丁的感覺。如果有需要區分不同元素,可以利用直線進行區隔(如圖)。

總結

我一直認為扁平風是個職場中非常實用的風格,門檻低效果好。但是如果想讓扁平風不跑偏,效果不變LOW,需要注意以下的問題:

  • 背景不要花

  • 層次不要多

  • 顏色不要辣

  • 輪廓不要亂

只要注意這幾點,其實簡潔清晰的扁平風是很好掌握的。今天就和大家說到這裡吧。諾記這兩周各種出差,忙完這陣就快過年了。祝各位工作順利,返家順利!

全文完。

Copyright ? 2017 諾壹喬. All rights reserved.

微博投稿:將PPT截圖發送至新浪微博,微博中@懶人諾壹喬

郵箱投稿:將文檔發送至 chotjoy@foxmail.com,註明「諾記點評」,諾記將會擇優發布。

註:您的投稿可能會被公開,請注意隱去敏感信息。

推薦閱讀:

守望先鋒,3D列印所能呈現(一)
德國方形大枕頭是基於什麼理念設計的?如何正確使用?
設計每周清單:Supernova 快速轉換 Sketch 設計稿為原生 App、Sketch Material 插件、Google 機器學習原則
「項目分享」- 維珍航空產品設計全記錄

TAG:设计 | PPT | 演示 |