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

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

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

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

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

二、對于UI界面扁平化設(shè)計風格的美學探討

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

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

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

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

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

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

三、結(jié)語

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

參考文獻：

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

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

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

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