自從Windows8的Metro風(fēng)格出來后，扁平式的設(shè)計風(fēng)開始成為網(wǎng)頁設(shè)計和UI設(shè)計的年度流行設(shè)計趨勢，但現(xiàn)在我們不稱它為Metro風(fēng)格了，國外設(shè)計師都說是Flat Design（即扁平化設(shè)計），或者你很討厭Metro風(fēng)格，但你不定討厭Flat Design，它的設(shè)計很有特色，那么什么是扁平化設(shè)計呢？國外設(shè)計師Carrie Cousins在網(wǎng)站上介紹了扁平化的五個特點，下面看看扁平化設(shè)計(Flat Design)的五個特點：
扁平化這個詞來自于這種設(shè)計所使用的樣式和形狀，它完全屬于二次元世界，一個簡單的形狀加沒有景深的平面，不叫扁平化都浪費這個詞了。
這個概念最核心的地方就是放棄一切裝飾效果，諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落，沒有任何羽化、漸變或者陰影。
這一設(shè)計趨勢極力避免任何擬物化設(shè)計的元素，這導(dǎo)致這一設(shè)計風(fēng)格在其它平臺有時候顯得突兀，前景圖片、按鈕、文本和導(dǎo)航欄與背景圖片格格不入，各成一派。
那么，扁平化的效果如何呢？
因為這種設(shè)計有著鮮明的視覺效果，它所使用的元素之間有清晰的層次和布局，這使得用戶能直觀的了解每個元素的作用以及交互方式。如今從網(wǎng)頁到手機應(yīng)用無不在使用扁平化的設(shè)計風(fēng)格，尤其在手機上，因為屏幕的限制，使得這一風(fēng)格在用戶體驗上更有優(yōu)勢，更少的按鈕和選項使得界面干凈整齊，使用起來格外簡單。
扁平化設(shè)計通常采用許多簡單的用戶界面元素，諸如按鈕或者圖標(biāo)之類。設(shè)計師們通常堅持使用簡單的外形（矩形或者圓形），并且盡量突出外形，這些元素一律為直角（極少的一些為圓角）。
這些用戶界面元素方便用戶點擊，這能極大的減少用戶學(xué)習(xí)新交互方式的成本，因為用戶憑經(jīng)驗就能大概知道每個按鈕的作用。
此外，扁平化除了簡單的形狀之外，還包括大膽的配色。但是需要注意的是，扁平化設(shè)計不是說簡單的搞些形狀和顏色搭配起來就行，它和其他設(shè)計風(fēng)格一樣，是由許多的概念與方法組成的，想要學(xué)習(xí)具體設(shè)計方法的朋友可以看看 Designmodo，這里有許多現(xiàn)成的設(shè)計實例可以讓大家分享：《40+扁平化的APP應(yīng)用UI和網(wǎng)頁設(shè)計素材》、《給你靈感的扁平化UI設(shè)計作品收集》、《50個漂亮的扁平化網(wǎng)頁設(shè)計欣賞》、《設(shè)計非常細致的扁平化Icon圖標(biāo)-附PSD》。
由于扁平化設(shè)計的使用特別簡單的元素，排版就成了很重要的一環(huán)，排版好壞直接影響視覺效果，甚至可能間接影響用戶體驗。
字體是排版中很重要的一部分，和其他元素相輔相成。想想看，一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無襯線字體的例子。無襯線字體家族龐大分之眾多，其中有些字體會在特殊的情景下會有意想不到的效果。但注意，過猶不及，不要使用那些極為生僻的字體，因為保不齊它就把你帶進坑里了。
如何使用字體也是一門學(xué)問，要學(xué)會讓不同的字體表達不同的概念，通過字體告訴用戶這某一設(shè)計／功能的含義，努力使字體成為你簡化設(shè)計的有力武器。
扁平化設(shè)計中，配色貌似是最重要的一環(huán)，扁平化設(shè)計通常采用比其他風(fēng)格更明亮、炫麗的顏色。同時，扁平化設(shè)計中的配色還意味著更多的色調(diào)。比如，其他設(shè)計最多只包含兩三種主要顏色，但是扁平化設(shè)計中會平均使用六到八種。
而且扁平化設(shè)計中，往往傾向于使用單色調(diào)，尤其是純色，并且不做任何淡化或柔化處理（最受歡迎的顏色是純色和二次色）。另外還有一些顏色也挺受歡迎，如復(fù)古色（淺橙、紫色、綠色、藍色等）。
設(shè)計師要盡量簡化自己的設(shè)計方案，避免不必要的元素在設(shè)計中出現(xiàn)。簡單的顏色和字體就足夠了，如果你還想添加點什么，盡量選擇簡單的圖案。
扁平化設(shè)計尤其對一些做零售的網(wǎng)站幫助巨大，它能很有效的把商品組織起來，以簡單但合理方式排列。（編者注：有興趣的讀者可以自行尋找一些例子，原文作者推薦看 Svpply，但是網(wǎng)站與作者的描述略有不符，故略過不提。）
最近還有一種趨勢值得關(guān)注，一些設(shè)計師把某一項特效融入整體的扁平化之中，是其成為一種獨特的效果。比如說，在簡單的按鈕加一點點漸變或陰影，從而使這種風(fēng)格成為其特色，產(chǎn)生出一種扁平化設(shè)計的變種。這種設(shè)計要比單純的扁平化更具有適用性和靈活性。
許多設(shè)計師比較喜歡這種設(shè)計，因為這意味著他們可以加點陰影或透視在某些元素上。用戶可能也會喜歡這種稍微圓滑一點的設(shè)計方式，這能引導(dǎo)他們進行一些適當(dāng)?shù)慕换ァ?/p>
但是，還有另一部分設(shè)計師并不喜歡這種定位模糊的設(shè)計方式。
如果你對Flat Design感興趣，請瀏覽設(shè)計達人網(wǎng)的《扁平化設(shè)計》欄目，這里會有更多相關(guān)的文章給你學(xué)習(xí)參考。
