「扁平化」——設計的幾個小技巧

設計 09-21

「

什麼是扁平化

？

摒棄高光、陰影等能造成透視感的效果

通過抽象、簡化、符號化的設計元素來表現

··

界面上極簡抽象、矩形色塊、大字體、光滑、現代感十足

讓你去意會這是個什麼東西

··

其交互核心在於功能本身的使用，所以去掉了冗餘的界面和交互

··

今天我們來歸類幾點扁平化設計的技巧

」

01-簡單的設計元素

扁平化完全屬於二次元世界，一個簡單的形狀加沒有景深的平面，不叫扁平化都浪費這個詞了。這個概念最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都乾淨俐落，沒有任何羽化、漸變或者陰影。尤其在手機上，因為屏幕的限制，使得這一風格在用戶體驗上更有優勢，更少的按鈕和選項使得界面乾淨整齊，使用起來格外簡單。

02-強調字體的使用

字體是排版中很重要的一部分，它需要和其他元素相輔相成，想想看，一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網站使用無襯線字體的例子，無襯線字體家族龐大分之眾多，其中有些字體會在特殊得情景下會有意想不到得效果。但注意，過猶不及，不要使用那些極為生僻的字體，因為保不齊它就把你帶進坑裡了。

03-關注色彩

扁平化設計中，配色貌似是最重要的一環，扁平化設計通常採用比其他風格更明亮更炫麗的顏色。同時，扁平化設計中的配色還意味著更多的色調。比如，其他設計最多只包含兩三種主要顏色，但是扁平化設計中會平均使用六到八種顏色。另外還有一些顏色也挺受歡迎，如復古色淺橙、紫色、綠色、藍色等。

04-簡化的交互設計

設計師要盡量簡化自己的設計方案，避免不必要的元素出現在設計中。簡單的顏色和字體就足夠了，如果你還想添加點什麼，盡量選擇簡單的圖案。扁平化設計尤其對一些做零售的網站幫助巨大，它能很有效的把商品組織起來，以簡單但合理方式排列。

05-偽扁平化設計

不要以為扁平化只是把立體的設計效果壓扁，事實上，扁平化設計更是功能上的建簡化於與重組。比如，有些天氣方面的應用會使用溫度計的形式來展示氣溫，或者計算應用仍用計算器的二維形態表現。在應用軟體當中，溫度計的形象則純粹是裝飾性的，而計算器的計算方式也並不是最簡單直接的。相比於擬物化而言，扁平風格的一個優勢就在於它可以更加簡單直接的將信息和事物的工作方式展示出來。