近幾年，無論是移動端還是PC端，隨處可見扁平化設計、小清新風格。扁平化就是去掉多余的透視，紋理，漸變等等能做出3D效果的元素。讓"信息"本身重新作為核心被凸顯出來。并且在設計元素上強調抽象、極簡、符號化。扁平化有人喜歡，有人不喜歡，雖然極簡、大氣，又突出信息本身，但是擬物化更接近現實，讓人一看就明白那是干啥用的，在我看來扁平化既有利又有弊。

要點提示

簡單的設計元素

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

強調字體的使用

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

關注色彩

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

補充：很多網頁設計有這樣一種趨勢，扁平與漸變的運用，扁平不等于什么裝飾都沒有，在這個圖里有漸變，有投影，這些細節都盡量別忽略。如圖：

Customeed

簡化的交互設計

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

偽扁平化設計

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

溫馨提示

關于扁平化設計，最錯誤的理念便是：扁平化設計意味著視覺風格的扁平。字體、圖像、圖標一律都要扁平嗎？全面扁平化、全面擬物化是不可取的，真要是這樣，設計連一點可操作性都沒有，還要設計師干嘛？

扁平化設計是一種融合視覺與理念的設計風格，不能從字面意義上理解這種風格。很多網站明白這個道理，將扁平化提煉至純粹，采用適合他們網站風格的扁平化元素。

視覺上可以部分使用扁平化風格，但是組織形式和主題表達上卻不必拘泥形式。如果一味的盲目跟風，兼容性、可發揮的地方必然有限。

例如，如果你的網頁用來販賣產品，那么你的設計中必須要包含產品圖像。顯而易見，產品圖像不是扁平化的，會給頁面增添一種深度感。但是我們可以在其他地方使用扁平化元素。

這就說明了：扁平化設計有的地方能夠提高你的視覺表現，達成設計目標。有的地方不能。靈活使用，才能走的更遠。

我們做的是設計，而不是扁平化設計。