我們先來了解一下什么是扁平化的設(shè)計，其實就是不要多余、厚重以及繁雜的一些裝飾效果。在模板建站時將那些透視、紋理、漸變等等一些3D效果去掉，那么網(wǎng)站的信息內(nèi)容就可以當(dāng)做網(wǎng)站的核心體現(xiàn)出來。在設(shè)計元素上的表現(xiàn)就是著重強(qiáng)調(diào)抽象、極簡化的設(shè)計。下面我們來分享一下關(guān)于扁平化網(wǎng)站怎么建立。

　　第一、高光、漸變以及投影的使用。對于扁平化設(shè)計的三大要素：去高光、去漸變以及去陰影。其實這種解釋絕對化了，扁平化的設(shè)計應(yīng)該是將那些過渡式的高光、漸變以及陰影去掉。簡單來說就是扁平化的高光、階梯式的漸變以及長投影的使用。

　　第二、扁平化圖標(biāo)的應(yīng)用。扁平化設(shè)計過程中，使用含義明確的圖標(biāo)可以讓網(wǎng)站的設(shè)計顯得不再單調(diào)，反而更加耐看。

　　第三、色塊的形狀以及顏色的運用。色塊在扁平化設(shè)計中有很重要的地位，我們所看到模板建站的扁平化設(shè)計幾乎都與色塊有關(guān)。而色塊在應(yīng)用的過程中，有很多種形狀，基礎(chǔ)形狀有圓形、蛋餃型、四邊形等等，要注意的是，不要使用超過六條邊的形狀。否則用戶會將注意力集中在色塊有幾條邊，而忽略了頁面的內(nèi)容。無論單頁網(wǎng)站還是普通型網(wǎng)站對于色塊的使用，不建議使用刺眼的鮮艷的顏色，應(yīng)該使用溫和的、飽和度不高的顏色。

　　第四、不同色塊的組合。色塊除了形狀，從基礎(chǔ)形狀中可以延伸出更多的形狀，但是不要使用三種基礎(chǔ)形狀組合成新的形狀，否則會影響扁平化的設(shè)計核心。

　　第五、圖片的應(yīng)用。扁平化設(shè)計中使用的圖片要經(jīng)過處理，一般有三種方式，普通的色塊+圖片，壓暗處理以及模糊處理。

　　第六、重視網(wǎng)站的排版。扁平化的設(shè)計要特別重視網(wǎng)站的排版，要遵守四個原則：對齊、緊密性、重復(fù)、對比。在排版后，要對照一些是否遵守了這四個原則。如果是在色塊中排版內(nèi)容，則要做好留白設(shè)計。

　　第七、選擇合適字體。扁平化設(shè)計過程中，選擇字體的時候，可以選擇無襯線體，中文建議使用微軟雅黑、黑體、幼圓等等。

　　第八、通過不同色塊的組合可以營造出立體感。這就是我們常說的偽扁平化，這種手法可以幫助我們設(shè)計出一個簡約而又有美感的感覺。最常用的方法就是將不同飽和度的色塊設(shè)計出偽光影的效果，給用戶一種立體的感覺。

　　扁平化網(wǎng)站設(shè)計過程中，可以參考以上八個技巧，希望本文可以幫助到有需要的站長。