UI界面扁平化設(shè)計(jì)風(fēng)格的美學(xué)探討

摘要：UI界面扁平化設(shè)計(jì)風(fēng)格是適合于電子產(chǎn)品的一種設(shè)計(jì)風(fēng)格，論文從扁平化設(shè)計(jì)的釋義出發(fā)，結(jié)合UI界面當(dāng)下的實(shí)用性，對(duì)于其扁平化的設(shè)計(jì)風(fēng)格進(jìn)行美學(xué)領(lǐng)域的探討。UI風(fēng)格的扁平化設(shè)計(jì)與實(shí)用不無(wú)關(guān)系，因而，即便扁平化設(shè)計(jì)從單純美學(xué)角度來(lái)看有諸多問(wèn)題，然而與其服務(wù)的產(chǎn)品契合之后就能夠理解其本身的意義之所在。

關(guān)鍵詞：UI界面;扁平化設(shè)計(jì);美學(xué)探討

近年來(lái)，主流UI界面設(shè)計(jì)從國(guó)內(nèi)到國(guó)外都刮起了一陣“扁平化”設(shè)計(jì)風(fēng)。這一形式簡(jiǎn)約、實(shí)用，成為當(dāng)下特別流行的一種趨勢(shì)，可以說(shuō)成為了人們?nèi)粘Ｉ钪胁豢苫蛉钡囊环N設(shè)計(jì)風(fēng)格與形式，對(duì)于各類UI界面扁平化設(shè)計(jì)風(fēng)格的美學(xué)探討，也從來(lái)沒(méi)有停止過(guò)。

一、UI界面扁平化設(shè)計(jì)釋義

UI界面的扁平化設(shè)計(jì)和目前電子產(chǎn)品大行其道不無(wú)關(guān)系。扁平化設(shè)計(jì)的最顯著特點(diǎn)就是，其用的是二維的風(fēng)格，也就是將各種立體設(shè)計(jì)看作平面化來(lái)設(shè)計(jì)，并且不遺棄任何常規(guī)界面所提供的功能，用戶看起來(lái)這樣的界面是一個(gè)完全的“平”的界面。扁平化設(shè)計(jì)的核心要素就在于拋開一切多余的能夠讓作品立體化的元素，如透視、紋理、陰影、斜面、漸變等。UI界面的扁平化設(shè)計(jì)能夠使得界面上的信息及其模塊顯著地呈現(xiàn)出來(lái)，使得整體的界面更加干凈、清爽，同時(shí)使得用戶的使用更加友好。UI界面的扁平化設(shè)計(jì)，可以說(shuō)是美學(xué)與實(shí)用主義在電子產(chǎn)品上的和諧并存。

二、對(duì)于UI界面扁平化設(shè)計(jì)風(fēng)格的美學(xué)探討

（一）舍棄多元化，追求一致性

從美學(xué)意義上來(lái)看，基本的設(shè)計(jì)作品一般來(lái)說(shuō)都會(huì)有較為豐富的元素，通過(guò)多樣化，富于多元化的元素表達(dá)，來(lái)吸引觀眾并為其留下深刻的藝術(shù)體驗(yàn)。而UI界面設(shè)計(jì)卻并不是這樣，其通過(guò)一致性的設(shè)計(jì)風(fēng)格，來(lái)弱化設(shè)計(jì)本身元素對(duì)于觀眾留下的印象，而注重利用空間、線條、顏色來(lái)為用戶明確功能性模塊的作用，用戶對(duì)于UI界面甚至處于一種“無(wú)感知”或者“若感知”的狀態(tài)，而進(jìn)入到這種狀態(tài)，甚至就可以認(rèn)為這個(gè)UI界面設(shè)計(jì)具備了成功的特質(zhì)。為何出現(xiàn)這樣的特點(diǎn)呢？從美學(xué)意義上來(lái)說(shuō)，藝術(shù)作品作為設(shè)計(jì)作品，其欣賞性是第一性的，而功能性是第二性的，這就意味著觀眾會(huì)利用很多的時(shí)間去進(jìn)行元素的感知和感受，獲得美的感受并展開思考，而作為UI界面來(lái)說(shuō)，其本身是一種功能性的設(shè)計(jì)，其功能性是第一位的，欣賞性是第二位的，用戶并沒(méi)有很多時(shí)間來(lái)欣賞UI界面本身的美感，而設(shè)計(jì)的一致性能夠保證用戶對(duì)于平臺(tái)的統(tǒng)一感知，才是最為重要的。

（二）弱化沖突感，追求平衡性

明暗、光影、色彩，美學(xué)風(fēng)格中這些對(duì)比沖突構(gòu)成了畫家的風(fēng)格特點(diǎn)，然而在UI扁平化設(shè)計(jì)當(dāng)中，這些突出的沖突感卻進(jìn)一步弱化，對(duì)于平衡性的追求則成為了最顯著的體現(xiàn)。然而，這并不是說(shuō)在UI的扁平化設(shè)計(jì)當(dāng)中就不存在沖突感，UI設(shè)計(jì)通過(guò)對(duì)于配色、尺寸和布局的調(diào)整，扁平化設(shè)計(jì)也要在可點(diǎn)擊的界面元素上形成視覺(jué)元素與視覺(jué)元素之間顯著的對(duì)比，從而明確各個(gè)功能區(qū)域的功能，便于用戶的選擇和點(diǎn)擊。同時(shí)，在整體的構(gòu)圖上，也要進(jìn)行一定的沖突感的營(yíng)造，在界面設(shè)計(jì)過(guò)程中，對(duì)于用戶需要經(jīng)常使用的、核心功能要置于重要的位置，采用鮮明的顏色進(jìn)行突出，而次要的內(nèi)容則進(jìn)行次要的操作。通過(guò)一定的沖突感的營(yíng)造和整體的平衡性穩(wěn)定的形成，能夠使得整體的UI界面在可視化的過(guò)程中呈現(xiàn)出更加顯著的穩(wěn)定性和協(xié)調(diào)性，使得用戶的整體感受更加平穩(wěn)、舒適、友好。

（三）減少層次感，明確信息性

扁平化的設(shè)計(jì)最顯著的美學(xué)特質(zhì)就在于，其采用不顯著的層級(jí)感來(lái)進(jìn)行層次的表達(dá)，通過(guò)利用顏色、位置的區(qū)分來(lái)打造更為顯著的用戶實(shí)用側(cè)面上的合理性，同時(shí)凸顯信息呈現(xiàn)的明確性。從美學(xué)風(fēng)格上來(lái)看，為了使得扁平化的風(fēng)格能夠呈現(xiàn)得更為徹底，扁平化風(fēng)格在設(shè)計(jì)過(guò)程中，會(huì)利用簡(jiǎn)化圖形和優(yōu)化的文字字體來(lái)搭配扁平化的整體風(fēng)格，采用低飽和度的顏色來(lái)實(shí)現(xiàn)設(shè)計(jì)過(guò)程中各種顏色之間的協(xié)調(diào)，進(jìn)而使得整體的設(shè)計(jì)風(fēng)格從宏觀到微觀上都能夠?qū)崿F(xiàn)統(tǒng)一，最終達(dá)到自身設(shè)計(jì)弱化，信息呈現(xiàn)強(qiáng)化的特點(diǎn)。正是這種特殊的設(shè)計(jì)處理方式，使得扁平化風(fēng)格更適用于當(dāng)代的UI設(shè)計(jì)界面，因?yàn)闊o(wú)論從配色、形式、整體風(fēng)格上來(lái)看，其都呈現(xiàn)著本身設(shè)計(jì)內(nèi)部的有效協(xié)調(diào)，推動(dòng)著UI功能性的實(shí)現(xiàn)。正如楷可信息科技（Carecloud）所表述的：扁平化風(fēng)格的逐漸盛行固然有它的道理，其本質(zhì)上只是設(shè)計(jì)美學(xué)中的一種，對(duì)于視覺(jué)風(fēng)格的選擇必須以良好的信息架構(gòu)和交互模式為基礎(chǔ)。

三、結(jié)語(yǔ)

從美學(xué)設(shè)計(jì)的單一角度來(lái)看，UI的扁平化設(shè)計(jì)可能會(huì)使得豐富多彩的美學(xué)設(shè)計(jì)活動(dòng)失色不少，讓一些優(yōu)秀的藝術(shù)家感覺(jué)失去了自身發(fā)揮的空間。然而，從實(shí)用性的角度來(lái)看，扁平化設(shè)計(jì)對(duì)于UI界面來(lái)說(shuō)是極其實(shí)用的、高效的，因而與產(chǎn)品相結(jié)合，UI的扁平化設(shè)計(jì)在美學(xué)風(fēng)格上就顯得更為圓融，甚至完美了。未來(lái)的UI扁平化設(shè)計(jì)也會(huì)隨著時(shí)間的推移和互聯(lián)網(wǎng)產(chǎn)品、用戶需求的不斷變化而發(fā)生轉(zhuǎn)變，好的設(shè)計(jì)搭配相應(yīng)的應(yīng)用場(chǎng)景，就是UI扁平化設(shè)計(jì)的未來(lái)。

參考文獻(xiàn)：

[1]邵秋瞳，林旭怡.基于用戶體驗(yàn)的智能手機(jī)交互設(shè)計(jì)研究[J].數(shù)碼設(shè)計(jì)，2017（07）：33-34.

[2]方心怡.扁平化設(shè)計(jì)風(fēng)格下平面視覺(jué)元素的應(yīng)用研究[D].蘇州大學(xué) 2015

[3]任冬巧，楊春燕.扁平化設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用研究[J].大眾科技， 2014（06）：4-5.

作者簡(jiǎn)介：李文凱（1998.8-），男，山東省濱州市人，濰坊科技學(xué)院數(shù)字媒體藝術(shù)設(shè)計(jì)專業(yè)學(xué)生，主要研究方向?yàn)閁I設(shè)計(jì);馬景鳳，指導(dǎo)教師。