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í)用性，對于其扁平化的設(shè)計(jì)風(fēng)格進(jìn)行美學(xué)領(lǐng)域的探討。UI風(fēng)格的扁平化設(shè)計(jì)與實(shí)用不無關(guān)系，因而，即便扁平化設(shè)計(jì)從單純美學(xué)角度來看有諸多問題，然而與其服務(wù)的產(chǎn)品契合之后就能夠理解其本身的意義之所在。

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

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

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

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

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

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

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

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

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

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

扁平化的設(shè)計(jì)最顯著的美學(xué)特質(zhì)就在于，其采用不顯著的層級感來進(jìn)行層次的表達(dá)，通過利用顏色、位置的區(qū)分來打造更為顯著的用戶實(shí)用側(cè)面上的合理性，同時(shí)凸顯信息呈現(xiàn)的明確性。從美學(xué)風(fēng)格上來看，為了使得扁平化的風(fēng)格能夠呈現(xiàn)得更為徹底，扁平化風(fēng)格在設(shè)計(jì)過程中，會利用簡化圖形和優(yōu)化的文字字體來搭配扁平化的整體風(fēng)格，采用低飽和度的顏色來實(shí)現(xiàn)設(shè)計(jì)過程中各種顏色之間的協(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論從配色、形式、整體風(fēng)格上來看，其都呈現(xiàn)著本身設(shè)計(jì)內(nèi)部的有效協(xié)調(diào)，推動著UI功能性的實(shí)現(xiàn)。正如楷可信息科技（Carecloud）所表述的：扁平化風(fēng)格的逐漸盛行固然有它的道理，其本質(zhì)上只是設(shè)計(jì)美學(xué)中的一種，對于視覺風(fēng)格的選擇必須以良好的信息架構(gòu)和交互模式為基礎(chǔ)。

三、結(jié)語

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

參考文獻(xiàn)：

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

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

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

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