鐘文彥

（海南科技職業(yè)大學(xué)設(shè)計(jì)學(xué)院，海南 ?？?571126）

0 引言

隨著互聯(lián)網(wǎng)的不斷發(fā)展應(yīng)用，人們對(duì)網(wǎng)站的依賴水平不斷提升，不管是日常查找信息資料，還是分布信息資源，都有賴于通過網(wǎng)站得以進(jìn)行，而人們對(duì)于網(wǎng)站的使用體驗(yàn)很大程度上取決于網(wǎng)頁(yè)設(shè)計(jì)的設(shè)計(jì)水平[1]。近年來，扁平化設(shè)計(jì)憑借其一系列優(yōu)勢(shì)特征，在網(wǎng)頁(yè)設(shè)計(jì)中得到越來越廣泛的應(yīng)用，該種新型的設(shè)計(jì)風(fēng)格逐漸成為設(shè)計(jì)行業(yè)的一大潮流。

1 扁平化設(shè)計(jì)概述

扁平化設(shè)計(jì)，即為將簡(jiǎn)潔化、符號(hào)化及抽象化設(shè)計(jì)元素，代替紋理、陰影、透視等多余的裝飾，以對(duì)信息予以呈現(xiàn)的一種設(shè)計(jì)風(fēng)格。就扁平化信息組織而言，其主要呈現(xiàn)為扁且寬的信息結(jié)構(gòu)，并表現(xiàn)出自然清新、色彩多樣的風(fēng)格特征。依托擬物化的設(shè)計(jì)，可實(shí)現(xiàn)紋理、陰影、高光等效果，而扁平化設(shè)計(jì)風(fēng)格則與擬物化設(shè)計(jì)存在明顯的不同。就如今業(yè)界對(duì)扁平化設(shè)計(jì)的運(yùn)用情況而言，其主要表現(xiàn)出以下幾項(xiàng)特征：一是排版簡(jiǎn)潔、易讀；二是功能性強(qiáng)大；三是視覺層次分明；四是元素及形狀較為簡(jiǎn)單；五是較為關(guān)注細(xì)節(jié)，比如對(duì)色彩的關(guān)注等[2]。扁平化設(shè)計(jì)憑借其優(yōu)勢(shì)特征，在用戶界面設(shè)計(jì)中得到了廣泛運(yùn)用，其可讓用戶獲得更良好的閱讀體驗(yàn)，防止出現(xiàn)閱讀障礙等問題。同時(shí)，扁平化設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中也呈現(xiàn)出良好的運(yùn)用前景，鑒于扁平化設(shè)計(jì)風(fēng)格自然清新，具備突出的現(xiàn)代特征，讓設(shè)計(jì)人員可專注于對(duì)更專注于對(duì)實(shí)質(zhì)內(nèi)容的呈現(xiàn)?；诒馄交O(shè)計(jì)設(shè)計(jì)出的產(chǎn)品，不僅不易于過時(shí)，還可實(shí)現(xiàn)簡(jiǎn)潔明了的效果。

2 扁平化設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用原則

2.1 元素簡(jiǎn)化

大數(shù)據(jù)時(shí)代背景下，互聯(lián)網(wǎng)每天都想要向人們傳遞海量的信息，而如何實(shí)現(xiàn)對(duì)各類信息的高效傳遞，是有待解決的一項(xiàng)重要問題。擬物化設(shè)計(jì)盡管可有效降低人們的學(xué)習(xí)成本，但太多的元素往往難以達(dá)到理想的傳遞效果。而扁平化設(shè)計(jì)則強(qiáng)調(diào)利用簡(jiǎn)潔的表現(xiàn)手法，摒棄立體感的呈現(xiàn)，去除多余的裝飾效果，讓設(shè)計(jì)回歸目標(biāo)本身。對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言，擬物化設(shè)計(jì)可實(shí)現(xiàn)突出的真實(shí)感，但與設(shè)計(jì)本身的目的性相背離，而在扁平化設(shè)計(jì)中，依托抽象化的表現(xiàn)手法，可讓語義得到有效簡(jiǎn)化，進(jìn)而很大程度上縮減不同國(guó)界、不同文化背景之間的認(rèn)知差異。值得一提的是，扁平化設(shè)計(jì)并非盲目地對(duì)設(shè)計(jì)細(xì)節(jié)予以去除，元素簡(jiǎn)化并不等同于設(shè)計(jì)過程中的敷衍了事，而是憑借總結(jié)、提煉以及對(duì)核心元素的全面整合，以化繁為簡(jiǎn)的方式開展設(shè)計(jì)[3]。

2.2 強(qiáng)調(diào)色彩運(yùn)用

扁平化設(shè)計(jì)十分強(qiáng)調(diào)對(duì)色彩元素的運(yùn)用，作為影響視覺的關(guān)鍵因素，色彩可很好地加深人們的印象，進(jìn)而達(dá)到傳遞情感的目的，所以，色彩該項(xiàng)形式元素在扁平化設(shè)計(jì)中不容忽視。實(shí)踐表明，扁平化設(shè)計(jì)的色彩運(yùn)用主要分成對(duì)比色運(yùn)用和同類色運(yùn)用。其中，前者使依托富有活力的色彩搭配，以讓設(shè)計(jì)變得更具視覺沖擊力；后者則是將同種顏色的黑、白、灰三種色調(diào)結(jié)合在一起，在層次上顯得有層次、有對(duì)比，同時(shí)兼具整體感。

2.3 重視排版布局

鑒于扁平化設(shè)計(jì)所追求的極簡(jiǎn)風(fēng)格，所以排版布局是設(shè)計(jì)人員所需重視的重要一環(huán)。在實(shí)際設(shè)計(jì)中，扁平化設(shè)計(jì)廣泛運(yùn)用網(wǎng)格布局，如此一來可讓頁(yè)面變得更具實(shí)用性，同時(shí)，對(duì)多余的內(nèi)容予以去除，使設(shè)計(jì)內(nèi)容的識(shí)別性得到有效提升。依托網(wǎng)格布局及圖標(biāo)來展現(xiàn)頁(yè)面信息，可使不同層級(jí)相互間的關(guān)系變得更為分明，內(nèi)容相互間更為自然、合理。另外，扁平化設(shè)計(jì)還應(yīng)注重留白，該種設(shè)計(jì)手法不僅有助于給用戶留下更廣闊的想象空間，還可促進(jìn)對(duì)產(chǎn)品或網(wǎng)頁(yè)信息的傳遞。

3 扁平化設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

3.1 在網(wǎng)頁(yè)界面元素設(shè)計(jì)中的運(yùn)用

扁平化設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用，尤為常見的是在界面設(shè)計(jì)中的運(yùn)用，相較于繁雜的界面，簡(jiǎn)潔的界面元素既能夠減少用戶的閱讀障礙，還可讓用戶更深入了解事物的內(nèi)涵，進(jìn)一步獲取良好的閱讀體驗(yàn)。在以往的擬物化設(shè)計(jì)中，設(shè)計(jì)人員在網(wǎng)頁(yè)界面元素設(shè)計(jì)時(shí)，偏向于對(duì)真實(shí)物體色彩、形狀等的模范，以期展現(xiàn)一種趨于真實(shí)的效果，在這過程中會(huì)通過引入陰影、漸變等效果以加深用戶的真實(shí)體驗(yàn)。該種設(shè)計(jì)盡管可贏得一些用戶的青睞，但同樣會(huì)很大程度擠占用戶的想象空間，并且還會(huì)延長(zhǎng)設(shè)計(jì)開發(fā)周期。而扁平化設(shè)計(jì)在網(wǎng)頁(yè)界面元素設(shè)計(jì)中，運(yùn)用的是各種基本形狀，去除陰影、漸變等各種裝飾性效果，強(qiáng)調(diào)以盡可能簡(jiǎn)潔的界面風(fēng)格以讓用戶可獲得良好使用體驗(yàn)[4]。特別隨著移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，人們?cè)絹碓角嗖A于通過手機(jī)網(wǎng)頁(yè)獲取信息資訊，而扁平化設(shè)計(jì)可很好地適用于手機(jī)的小屏幕。通過扁平化設(shè)計(jì)進(jìn)行簡(jiǎn)潔的界面設(shè)計(jì)，可更為直觀地呈現(xiàn)網(wǎng)頁(yè)信息，建立起用戶與網(wǎng)絡(luò)信息之間的有效聯(lián)系，提升用戶瀏覽閱讀體驗(yàn)。

3.2 在網(wǎng)頁(yè)布局中的運(yùn)用

網(wǎng)頁(yè)的整體布局方式重要影響著信息的傳遞效果及用戶的使用體驗(yàn)。在擬物化設(shè)計(jì)中，設(shè)計(jì)人員強(qiáng)調(diào)通過精美的排版及圖片效果，以期降低用戶的認(rèn)知成本，為用戶實(shí)際使用帶來便利。而隨著人們網(wǎng)頁(yè)使用熟練度的逐步提升，在長(zhǎng)時(shí)間瀏覽網(wǎng)頁(yè)過程中，太過繁雜的圖片不僅不利于為用戶帶來便利，相反會(huì)讓用戶產(chǎn)生審美疲勞，并加大用戶獲取有價(jià)值信息的難度。而扁平化設(shè)計(jì)在網(wǎng)頁(yè)布局中的運(yùn)用，通過運(yùn)用各式各樣扁平化的圖表、矢量圖形及圖標(biāo)字體，以此不僅可更好地滿足現(xiàn)代人的審美需求，還可實(shí)現(xiàn)對(duì)相關(guān)信息的明確呈現(xiàn)，讓用戶可高效提取自身需求的信息，提升信息檢索效率，除此之外，擬物化設(shè)計(jì)還難以適應(yīng)于不同尺寸及分辨率的屏幕間轉(zhuǎn)換，特別是在諸如手機(jī)等小屏幕上，擬物化的圖表很難識(shí)別，以此對(duì)用戶實(shí)際使用造成不利影響。而扁平化設(shè)計(jì)則可適用于各種尺寸的屏幕，依托廣泛運(yùn)用矢量圖形，不過多依賴于像素精度，以此設(shè)計(jì)人員可更好地發(fā)揮自身的創(chuàng)意聯(lián)想，設(shè)計(jì)出可滿足用戶切實(shí)需求的網(wǎng)頁(yè)界面[5]。

3.3 在網(wǎng)頁(yè)交互方式中的運(yùn)用

隨著如今社會(huì)生活節(jié)奏的不斷加快，以讀圖的方式獲取信息得到越來越人的青睞，圖像憑借其一系列優(yōu)勢(shì)特征，可通過多種不同方式以實(shí)現(xiàn)對(duì)信息內(nèi)容的生動(dòng)呈現(xiàn)，并且如今圖像已不斷由靜態(tài)圖向動(dòng)態(tài)圖發(fā)展。相較于靜態(tài)圖，動(dòng)態(tài)圖具備更突出的視覺吸引力，具備更豐富的創(chuàng)意思維，以及可讓圖像實(shí)現(xiàn)敘事功能等。擬物化設(shè)計(jì)要想進(jìn)行動(dòng)態(tài)圖像設(shè)計(jì)，需要投入大量的成本，加之各個(gè)動(dòng)態(tài)圖像都存在著尤為復(fù)雜的協(xié)調(diào)運(yùn)動(dòng)。而扁平化設(shè)計(jì)則不會(huì)出現(xiàn)此類問題，其可高效便捷地滿足動(dòng)態(tài)圖像設(shè)計(jì)的需求，同時(shí)不同圖像相互間的互動(dòng)也較為簡(jiǎn)單，網(wǎng)頁(yè)中的動(dòng)態(tài)交互可有效提升網(wǎng)頁(yè)活力，使用戶獲得良好的使用體驗(yàn)。近年來，網(wǎng)頁(yè)設(shè)計(jì)呈現(xiàn)出由擬物到符號(hào)、由繁到簡(jiǎn)的發(fā)展趨勢(shì)，由此重要體現(xiàn)了用戶審美趣味的發(fā)展轉(zhuǎn)變，這同時(shí)也是社會(huì)發(fā)展的一種必然。也正是基于對(duì)這一發(fā)展規(guī)律的有效遵循，讓扁平化設(shè)計(jì)得以實(shí)現(xiàn)飛速發(fā)展。扁平化設(shè)計(jì)中的“簡(jiǎn)”，并非簡(jiǎn)單粗暴地對(duì)煩瑣設(shè)計(jì)細(xì)節(jié)予以去除，二是經(jīng)由腦力勞動(dòng)的簡(jiǎn)化處理，是在取與舍之間的合理選擇。

3.4 在網(wǎng)頁(yè)其他元素設(shè)計(jì)中的應(yīng)用

網(wǎng)頁(yè)設(shè)計(jì)包含諸多要素，除去以上要素之外，還涉及導(dǎo)航設(shè)計(jì)、首頁(yè)設(shè)計(jì)、標(biāo)識(shí)設(shè)計(jì)、等方面，而要將扁平化設(shè)計(jì)有效運(yùn)用于這些要素設(shè)計(jì)中，需要設(shè)計(jì)人員開展全面規(guī)劃。比如，在色彩、字體設(shè)計(jì)方面，因?yàn)楸馄交⒅睾?jiǎn)化設(shè)計(jì)，使得整體頁(yè)面較為簡(jiǎn)約，所以色彩設(shè)計(jì)上盡可能高避免單調(diào)，可引入同類色搭配以營(yíng)造層次感，也可引入對(duì)比色，以凸顯重要信息。因此，扁平化設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用，并非簡(jiǎn)單的排列組合，對(duì)設(shè)計(jì)人員專業(yè)素養(yǎng)仍提出了較高的要求，需要設(shè)計(jì)人員可在簡(jiǎn)潔的網(wǎng)頁(yè)設(shè)計(jì)中，為用戶提供更為良好的使用體驗(yàn)及感官體驗(yàn)。

4 結(jié)語

總而言之，隨著科學(xué)技術(shù)的不斷發(fā)展，社會(huì)大眾對(duì)網(wǎng)頁(yè)設(shè)計(jì)要求的不斷提升，將扁平化設(shè)計(jì)運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)中，成為如今的一大趨勢(shì)。相較于傳統(tǒng)設(shè)計(jì)風(fēng)格，扁平化設(shè)計(jì)可促進(jìn)提升用戶的使用體驗(yàn)，降低用戶信息采集成本，值得在網(wǎng)頁(yè)設(shè)計(jì)中進(jìn)行廣泛推廣。