不知道大家有沒有注意到，最新的一些網(wǎng)站設(shè)計(jì)都是非常簡潔漂亮的。自然而然的讓我們有了疑問，這樣的一種設(shè)計(jì)風(fēng)格叫什么呢？好像window 8 的metro風(fēng)格，但又不全是。原來這種設(shè)計(jì)風(fēng)格很早就有了，只是他的一種回歸。

它的名字叫扁平化設(shè)計(jì)

扁平化設(shè)計(jì)是漂亮的、可愛的設(shè)計(jì)。她不會有很多多余的裝飾元素，她以干凈的簡潔的方式來傳達(dá)信息，提升你的產(chǎn)品、想法。

扁平化設(shè)計(jì)是一種不使用任何額外效果的計(jì)方案，她不包括任何 3D 效果。這里沒有很深的陰影，斜角，立體效果，漸變或者其它方法創(chuàng)建的凸出或者凹陷效果。圖標(biāo)和 UI 元素都是很鮮亮的，沒有邊緣效果和陰影。

扁平化設(shè)計(jì)并不是完全沒有效果的，她只是沒有那些多余的「人造的」陰影和維度。越來越多的設(shè)計(jì)「幾乎都是扁平的了」，他們的整體樣子和觀念都只包含很少的效果。

總的來說：扁平化設(shè)計(jì)一切都是平的。

但是，扁平化的設(shè)計(jì)并不是讓你忘掉所有的裝飾效果。

關(guān)注顏色。扁平化設(shè)計(jì)經(jīng)常使用很多鮮艷的色彩。從色塊、圖形、欄目條到版面，顏色都是一個關(guān)鍵的組成元素?？紤]下從你的 LOGO 到網(wǎng)站都使用彩色。扁平化的設(shè)計(jì)方案都是使用黑色和白色的，但是如果你使用更多的顏色將會收到更多更好的效果。

注意排版。文字是最基本的 - 他們傳達(dá)信息，提供導(dǎo)航工具，告訴用戶你的網(wǎng)站是做什么的。對文字進(jìn)行有趣的、不同的排版 - 沒有 Arial 在這里。為你的消息選擇合適的字體。記住扁平化的設(shè)計(jì)方案經(jīng)常是簡潔和簡約的，所以好好考慮使用什么樣的排版方式。在方案中使用簡單的無襯線字體你會得到很多變化和收獲?；蛘?，為了給用戶帶來一些小的驚喜可以使用一種新的類似藝術(shù)元素的字體，注意是簡單的字體。

關(guān)注文字。很多扁平化的設(shè)計(jì)為保持簡單的流程和感覺只會包含很少的文字。所以注意你每一處的文字長度。

簡單的用戶界面和 UI 元素。點(diǎn)擊按鈕不需要過度設(shè)計(jì)和很復(fù)雜。長元素是需要確定意義和有明確用途的，他們會非常有作用(效果)。這些可以以不同的形式來表現(xiàn) - 色彩、輪廓線、區(qū)塊，或者是使用不同的字體或圖形。

創(chuàng)建層級。對于任何一個網(wǎng)站創(chuàng)建明顯的層級感是很極其重要的。在扁平化設(shè)計(jì)里，在一些主要的點(diǎn)擊區(qū)域總有一些爭論 - 表示陰影，漸變，斜角或者其它的效果 - 應(yīng)該盡可能的少。確信用戶可以自己使用導(dǎo)航，并且不用考慮太多就能很輕松的使用你的網(wǎng)站。鏈接盡可能的清楚，不管是使用不同的顏色還是放在一個方框中，他們都要確保能被點(diǎn)擊。

結(jié)論

正式這種「簡單」的特質(zhì)，扁平化的設(shè)計(jì)方案只需要通過信息或者產(chǎn)品本身就能把自己的想法最好的傳達(dá)出來。

? ? 簡潔，清晰，簡約。短小，精干，樸素。

這種設(shè)計(jì)方案在小屏幕上能夠很好的工作，特別是 APP 或者是手機(jī)上的設(shè)計(jì)，但是很多人發(fā)現(xiàn)這種設(shè)計(jì)在長屏幕上的效果也很好。Android 和 Windows Phone 系統(tǒng)都在使用這種扁平化設(shè)計(jì)方案。