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

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

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

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

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

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

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

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

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

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

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

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