平面設(shè)計(jì)風(fēng)格為觀眾帶來簡(jiǎn)潔的設(shè)計(jì)氛圍。這種設(shè)計(jì)風(fēng)格在平面樣式出現(xiàn)之前已被廣泛使用，但設(shè)計(jì)并不平坦和極端。例如，以下案例是典型的平面設(shè)計(jì)時(shí)代，但整體設(shè)計(jì)風(fēng)格類似于平面樣式，是一種簡(jiǎn)潔，干凈的設(shè)計(jì)風(fēng)格。實(shí)際上，如果我們刪除導(dǎo)航欄，搜索框和此設(shè)計(jì)的其他元素中的高光和陰影，并用非物理圖標(biāo)替換圖標(biāo)元素，如果在布局中更改它，設(shè)計(jì)將立即可用。它變成了扁平的設(shè)計(jì)。

在沙漠風(fēng)格的沈陽(yáng)網(wǎng)站建設(shè)中，平面設(shè)計(jì)非常受歡迎，因?yàn)樗m合移動(dòng)終端的小尺寸屏幕。平面設(shè)計(jì)風(fēng)格更適合在小屏幕上操作，如手機(jī)和平板電腦。但要將這種扁平化優(yōu)勢(shì)放大到顛覆整個(gè)設(shè)計(jì)思維的能力，無疑會(huì)夸大其影響力。扁平設(shè)計(jì)也有其自身的缺點(diǎn)。如果在稍微復(fù)雜的界面中使用它，平面設(shè)計(jì)會(huì)帶來很多麻煩。因此，無論應(yīng)用的范圍有多廣，扁平化只是一種風(fēng)格。在諸如網(wǎng)頁(yè)設(shè)計(jì)的大尺寸屏幕上，不必采用平面設(shè)計(jì)。

當(dāng)然，本文不希望區(qū)分平面和偽物化設(shè)計(jì)。相反，作為一種設(shè)計(jì)風(fēng)格，作為一名UI設(shè)計(jì)師，平面設(shè)計(jì)風(fēng)格如此受歡迎，我們應(yīng)該更多地掌握它。設(shè)計(jì)風(fēng)格的特點(diǎn)和表達(dá)方式。在本文中，我們使用HTC設(shè)計(jì)案例的上述修訂版來詳細(xì)分析平面設(shè)計(jì)風(fēng)格的設(shè)計(jì)元素，掌握平面設(shè)計(jì)風(fēng)格的設(shè)計(jì)方法。

那么平面設(shè)計(jì)的設(shè)計(jì)特點(diǎn)是什么，我們?nèi)绾螌⒃O(shè)計(jì)轉(zhuǎn)變?yōu)榱餍械钠矫骘L(fēng)格？我可能把它整理出來了?；静襟E應(yīng)包括以下內(nèi)容：

首先，梳理網(wǎng)站信息，并刪除重要信息。

根據(jù)網(wǎng)站的目的和吸引力，網(wǎng)站信息被整理出來，這是無論網(wǎng)站設(shè)計(jì)的樣式如何都要完成的步驟。信息分類工作非常重要。它與是否可以實(shí)現(xiàn)網(wǎng)站目標(biāo)直接相關(guān)。 沈陽(yáng)網(wǎng)站建設(shè)認(rèn)為：由于缺乏完成而想到重要信息，無論設(shè)計(jì)多么美觀，它都不能反映頁(yè)面重要位置和視覺方面的重要性。它也沒用。但我們經(jīng)?？吹降那∏∠喾础?網(wǎng)站頁(yè)面填充了重要且不重要的信息。每個(gè)子頁(yè)面的內(nèi)容必須占據(jù)頁(yè)面上的位置。什么產(chǎn)品展示，新聞信息，常見問題，特殊活動(dòng)都在頁(yè)面上。其結(jié)果是次要信息稀釋了重要信息的比例。主要信息和次要信息未反映出來?？吹骄W(wǎng)站后，訪客似乎看到了一切，但他們并沒有留下來。在深刻的印象下。永遠(yuǎn)記住，設(shè)計(jì)不是為了美麗，不是為了尖叫，而是為了便于信息交流。在平面設(shè)計(jì)中梳理信息更為重要，因?yàn)槠矫嬖O(shè)計(jì)是為了體現(xiàn)簡(jiǎn)潔干凈的特征，頁(yè)面上的信息太多，制作這樣的視覺風(fēng)格并不容易。

以HTC手機(jī)頁(yè)面上的信息為例?；諛?biāo)和導(dǎo)航的內(nèi)容無需說明。導(dǎo)航是網(wǎng)站信息組織結(jié)構(gòu)的重要元素。 HTC是一家生產(chǎn)和銷售手機(jī)的公司?？梢韵胂?，頁(yè)面上的重要信息當(dāng)然是新產(chǎn)品的展示，其次是新的特殊活動(dòng)和特色產(chǎn)品的展示。其他如企業(yè)新聞和產(chǎn)品支持服務(wù)搜索。內(nèi)容不一定在頁(yè)面中，因?yàn)榕c上述信息相比，信息并不那么重要，它可以反映在內(nèi)頁(yè)中。

其次，確定設(shè)計(jì)方案，具體實(shí)現(xiàn)布局，配色方案，字體，思路等內(nèi)容。

確定網(wǎng)站的信息后，我們可以繼續(xù)開發(fā)更詳細(xì)的設(shè)計(jì)。首先要確定的是布局，即網(wǎng)站的布局。在平面樣式設(shè)計(jì)中，由于在設(shè)計(jì)中使用了特別簡(jiǎn)單的元素，排版變得非常重要并成為設(shè)計(jì)中的一個(gè)位置。平面設(shè)計(jì)中常見的排版方法是使用矩形來劃分頁(yè)面中的不同信息區(qū)域。例如，如下面的情況所示，您可以看到矩形在其中播放，無論是整頁(yè)的劃分還是列信息的劃分。非常重要的角色。

在平面設(shè)計(jì)風(fēng)格方面，HTC頁(yè)面設(shè)計(jì)導(dǎo)航部分的設(shè)計(jì)過于復(fù)雜。將主要內(nèi)容固定在一個(gè)寬度上的板看起來太吝嗇，因此我們將現(xiàn)有布局更改為橫幅。布局方法。放棄當(dāng)前的導(dǎo)航設(shè)計(jì)，將導(dǎo)航文本直接放在橫幅的導(dǎo)航欄上，橫幅部分的設(shè)計(jì)也做同樣的處理，橫幅下方是新的活動(dòng)信息，每個(gè)活動(dòng)信息區(qū)域用矩形劃分。

那么需要確定的是配色方案。在扁平設(shè)計(jì)中，經(jīng)常使用低純度和高亮度的顏色。高亮顏色的使用使整體設(shè)計(jì)風(fēng)格更加清新?？纯催@些案例的設(shè)計(jì)：

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