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

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

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

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

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

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

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

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

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

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

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

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

結(jié)論

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

? ? 簡(jiǎn)潔，清晰，簡(jiǎn)約。短小，精干，樸素。

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