扁平化的設(shè)計風格給觀眾帶來了干凈簡潔的設(shè)計情感。這種設(shè)計風格在現(xiàn)之前，這種設(shè)計風格實際上已經(jīng)被廣泛應(yīng)用，但在設(shè)計技術(shù)上沒有扁平化設(shè)計更極端。例如，以下案例是平面時代前的典型設(shè)計，但整體設(shè)計風格與平面風格相似，設(shè)計風格簡潔干凈。事實上，如果我們?nèi)コ龑Ш綏l、搜索框和其他元素中的亮點和陰影，并將圖標元素替換為非擬物化圖標，并在布局上更改，該設(shè)計可以立即變成平面設(shè)計。

在深圳網(wǎng)站建設(shè)企億推看來，扁平化設(shè)計之所以如此流行，是因為它更適合移動終端設(shè)備的小屏幕。扁平化的設(shè)計風格更適合在手機、平板電腦等小屏幕上操作。但如果把扁平化的優(yōu)勢放大到顛覆整個設(shè)計思維方式，無疑會夸大其影響力。扁平化設(shè)計也有其自身的缺，如果用在稍微復雜的界面上，扁平化設(shè)計會帶來很多麻煩。因此，無論應(yīng)用多么廣泛，扁平化只是一種風格。沒有必要在大屏幕上使用扁平化設(shè)計，如網(wǎng)頁設(shè)計。

當然，這篇文章并非要對于扁平化與擬物化的設(shè)計孰優(yōu)孰劣辯個是非，相反，作為一種設(shè)計風格，身為UI設(shè)計師，平面設(shè)計風格如此流行，我們應(yīng)該掌握這種設(shè)計風格的特點和表達技巧。我們將使用上述文章HTC對平面設(shè)計風格的設(shè)計要素進行詳細分析，掌握平面設(shè)計風格的設(shè)計方法。

那么，平面設(shè)計的設(shè)計特點是什么，我們應(yīng)該如何將這種設(shè)計修改為流行的平面風格呢？我可能已經(jīng)整理出了以下基本步驟：

一、梳理網(wǎng)站信息，消除非重要信息。

根據(jù)網(wǎng)站的目的和需求梳理網(wǎng)站信息，這是無論網(wǎng)站設(shè)計的哪種風格。信息梳理的工作非常重要，它直接關(guān)系到一個網(wǎng)站的目標能否實現(xiàn)。深圳網(wǎng)站建設(shè)認為，由于缺乏整理，重要信息在頁面的重要位置和視覺上沒有體現(xiàn)出重要性，無論設(shè)計多么美觀，都是無用的。但我們經(jīng)常看到相反的情況，恰相反。一個網(wǎng)站的頁面充滿了重要和不重要的信息。每個子頁面的內(nèi)容都應(yīng)該在頁面上占據(jù)一個位置。頁面上出現(xiàn)了產(chǎn)品顯示、新聞和信息、常見問題和特殊活動。因此，次要信息稀釋了重要信息的比例，信息的主次不能反映，訪問者似乎在瀏覽網(wǎng)站后看到了一切，但沒有留下深刻的印象。時刻記住，設(shè)計不是為了美觀，更不是為了炫耀技巧，而是為了方便信息的交流。時刻記住，設(shè)計不是為了美觀，更不用說炫耀技能了，而是為了方便信息的交流。信息梳理在平面設(shè)計中更為重要，因為平面設(shè)計是為了反映簡單、干凈的特點，頁面上的信息太多，不容易做出這樣的視覺風格。

拿上面HTC以手機頁面上的信息為例，Logo不用說，導航作為網(wǎng)站信息組織結(jié)構(gòu)的體現(xiàn)，是一個非常重要的元素。HTC它是一家生產(chǎn)和銷售手機的企業(yè)。可以想象，頁面上的重要信息當然是新產(chǎn)品的展示，其次是新的特殊活動和特色產(chǎn)品的展示。企業(yè)新聞、產(chǎn)品支持服務(wù)搜索等其他內(nèi)容不必出現(xiàn)在頁面上，因為與上述信息相比，這些信息并不那么重要，可以反映在內(nèi)部頁面上。

二、確定設(shè)計方案，具體落實布局、色彩方案、字體、創(chuàng)意等。

確定網(wǎng)站信息后，我們可以開始制定更詳細的設(shè)計方案。首先要確定的是布局，即網(wǎng)站的布局。在扁平化風格的設(shè)計中，由于設(shè)計中經(jīng)常使用特別簡單的元素，排版變得非常重要，成為設(shè)計中的亮點。扁平化設(shè)計中常見的排版方法是用矩形在頁面中劃分不同的信息區(qū)域，如下面的案例所示。可以看出，矩形在整個頁面或欄信息的劃分中起著非常重要的作用。

從平面設(shè)計風格來看，以上HTC頁面設(shè)計導航部分的創(chuàng)意太復雜，將主要內(nèi)容固定在一個寬度內(nèi)的板看起來太吝嗇，所以我們將現(xiàn)有的布局改為欄的布局。放棄目前的導航設(shè)計，將導航文字直接放在通欄的導航條上，banner部分設(shè)計也做同樣的處理，banner下面是新的活動信息，每個活動信息區(qū)域用矩形分開。

然后需要確定的是顏色方案。在平面設(shè)計中，純度低、亮度高的顏色更多。使用亮色使整體設(shè)計風格更加清新。查看以下案例的設(shè)計：

然后是頁腳導航和版權(quán)信息。這部分信息不是頁面的重點，只要符合整個頁面的設(shè)計。下圖是我們重新設(shè)計的頁面。與修訂前的設(shè)計相比，我們可以對平面設(shè)計方法有一個大致的了解。