? ? 扁平化的網(wǎng)站結(jié)構(gòu)是以簡單為精髓，突出內(nèi)容重點(diǎn)為主，減少或者去掉頁面的裝飾效果，用抽象、極簡以及符號(hào)化來代替網(wǎng)站酷炫的展示方式，讓頁面看起來更為干凈美觀。結(jié)合交互扁平化設(shè)計(jì)，頁面設(shè)計(jì)的扁平化不是簡單達(dá)到視覺上的扁平化就行，除了對(duì)每種元素的簡化以外還可以重組元素，即使沒有設(shè)計(jì)上的裝飾效果，可以采用圖文結(jié)合的形式達(dá)到互相裝飾的效果。同時(shí)讓網(wǎng)站展示的產(chǎn)品距離用戶更近，給用戶更加親切的感覺。

? ? 1、使用扁平化圖標(biāo)

? ? 使用有明確含義的圖標(biāo)可以讓你的設(shè)計(jì)不那么單調(diào)并且耐看。

? ? 2、色塊的形狀和顏色

? ? 色塊在扁平化設(shè)計(jì)中占據(jù)著很重要的地位，幾乎我們看到的所有扁平化設(shè)計(jì)都離不開色塊。關(guān)于色塊的形狀，基礎(chǔ)形狀有圓形、三角形、四邊形、五邊形以及六邊形，注意不要用超過六條邊的形狀，這樣人們就會(huì)開始數(shù)形狀的邊數(shù)而忽略掉你要傳達(dá)的信息。

? ? 3、色塊的組合

? ? 除了基礎(chǔ)的形狀之外，你可以由基礎(chǔ)形狀衍生出更多的組合形狀。但是我建議不要超過三種不同的基礎(chǔ)形狀組合，這樣會(huì)讓你的設(shè)計(jì)脫離扁平化簡約的初衷。

? ? 4、極簡與抽象

? ? 扁平化設(shè)計(jì)天生就是極簡的。當(dāng)設(shè)計(jì)的靈感并非來源于現(xiàn)實(shí)生活，擬物化的設(shè)計(jì)質(zhì)感就理所應(yīng)當(dāng)被拋棄。那么，剩下的就是用顏色，漸變，陰影，形狀，和其他視覺細(xì)微之處的框架內(nèi)容。扁平設(shè)計(jì)在本質(zhì)上，迫使設(shè)計(jì)師更具創(chuàng)造性 —— 設(shè)計(jì)服務(wù)于內(nèi)容呈現(xiàn)，而不是真實(shí)感的呈現(xiàn)。

? ? 5、優(yōu)化排版

? ? 扁平化設(shè)計(jì)中尤其要注意排版，由于扁平化設(shè)計(jì)的使用特別簡單的元素，排版就成了很重要的一環(huán)，排版好壞直接影響視覺效果，甚至可能間接影響用戶體驗(yàn)。字體是排版中很重要的一部分，和其他元素相輔相成。想想看，一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無襯線字體的例子。無襯線字體家族龐大分之眾多，其中有些字體會(huì)在特殊的情景下會(huì)有意想不到的效果。