到底什么是扁平化設(shè)計(jì)？百度百科的解釋是一種界面設(shè)計(jì)方式，凸顯必要的信息，剔除不必要的信息，簡單、抽象。而在一些平面設(shè)計(jì)師或者網(wǎng)站設(shè)計(jì)師眼中，扁平化設(shè)計(jì)與極簡設(shè)計(jì)等同?？梢哉f，沒有一個(gè)關(guān)于扁平化設(shè)計(jì)的準(zhǔn)確定義。
即便如此，就網(wǎng)站設(shè)計(jì)而言，大家普遍的共識(shí)是——如下網(wǎng)站設(shè)計(jì)理念或者方法，就是網(wǎng)站設(shè)計(jì)的扁平化設(shè)計(jì)。
 

網(wǎng)站組織構(gòu)架：扁平
網(wǎng)站的組織構(gòu)架更加扁平，這是扁平化設(shè)計(jì)在網(wǎng)站設(shè)計(jì)中的重要表現(xiàn)之一。我們不妨以企業(yè)網(wǎng)站為例。
非扁平化的企業(yè)網(wǎng)站，導(dǎo)航欄目往往在五到八個(gè)左右，如首頁、產(chǎn)品、服務(wù)、案例、聯(lián)系方式、論壇等等，并且，每一個(gè)頻道之下還有二級(jí)乃至三級(jí)頻道，網(wǎng)站的縱深可以達(dá)到五層以上。
為什么要這樣設(shè)計(jì)呢？我們認(rèn)為有兩個(gè)原因。其一，帶寬的原因，由于帶寬的限制，一些頁面如果信息量多的話，會(huì)出現(xiàn)加載緩慢的情況，不得已，只能分頁、分欄目。其二，優(yōu)化的原因。如果一個(gè)網(wǎng)站的頁面數(shù)量很多，是被搜索引擎更加看重的。
而扁平化的網(wǎng)站組織構(gòu)架，一方面減少首頁的導(dǎo)航數(shù)量，另一方面增加二級(jí)欄目的數(shù)量。如此一來，首先更加干凈，網(wǎng)站的層級(jí)也大大減少，通常不會(huì)超過三層。

網(wǎng)站設(shè)計(jì)元素：更少、留白
設(shè)計(jì)業(yè)內(nèi)經(jīng)常將扁平化設(shè)計(jì)與擬物化設(shè)計(jì)對(duì)立。擬物化設(shè)計(jì)，就是設(shè)計(jì)元素全部來自于實(shí)物，可以實(shí)現(xiàn)一一對(duì)應(yīng)。典型的如蘋果和錘子手機(jī)的圖標(biāo)設(shè)計(jì)。但是扁平化設(shè)計(jì)是與其相反的，較為抽象。
由于無須一一對(duì)應(yīng)，所以，一個(gè)抽象的概念就可以包容大量的現(xiàn)實(shí)。這一點(diǎn)很關(guān)鍵詞。因?yàn)橹挥羞@樣，扁平化設(shè)計(jì)才能僅僅呈現(xiàn)更少的元素。例如，很多網(wǎng)站的首頁，就只有一個(gè)元素。如汽車網(wǎng)站，就是一個(gè)汽車的配圖。元素少，是扁平化設(shè)計(jì)的特點(diǎn)之一。
因?yàn)樵厣?，大量的頁面就只能留白。留白多，也是扁平化設(shè)計(jì)的特點(diǎn)之一。、

網(wǎng)站的配色：漸變和同色系
為什么扁平化的網(wǎng)站多使用同色系或者漸變色呢？因?yàn)榉潜馄交木W(wǎng)站，不能用。
非扁平化的網(wǎng)站因?yàn)樵囟啵煌脑匦枰煌念伾钆?，所以網(wǎng)站會(huì)使用不同的顏色搭配。但是扁平化網(wǎng)站元素少、留白多，一種顏色就能夠?qū)⒄麄€(gè)頁面覆蓋，但是，這會(huì)讓網(wǎng)站顯得很單調(diào)，所以，漸變色就成為一種選擇。

網(wǎng)站的操作設(shè)計(jì)：更小、更偏
扁平化網(wǎng)站有一個(gè)目的：一個(gè)頁面盡量讓用戶專注于一點(diǎn)、進(jìn)行一到兩種操作。
所以，扁平化網(wǎng)站會(huì)刻意消減或者隱藏一些操作按鈕，通過動(dòng)效的方式呈現(xiàn)。當(dāng)用戶需要某種操作的時(shí)候，按鈕就會(huì)出現(xiàn)，當(dāng)用戶不需要的時(shí)候，就會(huì)隱藏。
例如，不少扁平化網(wǎng)站會(huì)在頁面隱藏回到首頁、回到頂端的按鈕，當(dāng)用戶點(diǎn)擊頁面，按鈕才會(huì)出現(xiàn)。
雖然扁平化設(shè)計(jì)較為流程，也是響應(yīng)式網(wǎng)站的基本設(shè)計(jì)理念，但是也有人對(duì)扁平化設(shè)計(jì)“無感”。
需要承認(rèn)，扁平化設(shè)計(jì)也有缺點(diǎn)，例如，過度抽象導(dǎo)致信息傳遞簡單、粗暴，不能給用戶留下思考的空間；再例如，刪除了細(xì)節(jié)，粗暴地表現(xiàn)方式，讓整個(gè)頁面顯得有些單調(diào)，缺少溫暖的情感表達(dá)；還例如，在PC端的呈現(xiàn)，扁平化設(shè)計(jì)的變現(xiàn)不太完美，看起來就像是一幅模糊的油畫。