扁平化設(shè)計風(fēng)格在界面中的應(yīng)用

尹中月 沈陽工學(xué)院

扁平化設(shè)計風(fēng)格在界面中的應(yīng)用

尹中月 沈陽工學(xué)院

扁平化界面設(shè)計中首要考慮的最直觀又是最難把控的——用戶界面交互理解，扁平化設(shè)計使得用戶操作起來更加簡潔、高效和舒適。本文通過對界面設(shè)計中的扁平化應(yīng)用加以分析，發(fā)掘出扁平化的設(shè)計特點能給用戶界面提升哪些方面的功能，以及在界面中的扁平化設(shè)計所面臨的優(yōu)勢與困難等，將對其進(jìn)行分析與研究。

刪繁就簡 扁平化應(yīng)用設(shè)計 扁平化的提升功能

引言：通過分析大數(shù)據(jù)技術(shù)在交互界面設(shè)計中對其設(shè)計范圍、設(shè)計理念與設(shè)計方法三個方面所產(chǎn)生的廣泛影響，提出了扁平化設(shè)計在大數(shù)據(jù)時代所具備的迥然于擬物化設(shè)計的創(chuàng)新特征與方法，包括抽象而細(xì)致的設(shè)計編排、明麗而豐富的配色體系以及基于科技的遠(yuǎn)程交互功能；簡析了扁平化設(shè)計在交互界面設(shè)計的創(chuàng)新功能的抽象化表達(dá)、抽象化趨勢的視覺形式、獲取信息流的直觀路徑中所發(fā)揮的獨特優(yōu)勢，為交互設(shè)計的發(fā)展提出合理化建議。

1 扁平化設(shè)計的理念構(gòu)成

扁平化，是設(shè)計形式采用的樣式和特點來決定的。扁平化完全是平面化的設(shè)計類型。最重要的一點就是要放棄一切裝飾效果，如陰影、透視、紋理、漸變等具有3D效果的元素統(tǒng)統(tǒng)丟棄。所有的元素的邊界都干凈利落。尤其在手機(jī)上，更少的按鈕和選項使得界面干凈整齊，使用起來格外簡潔，可以更加簡單直接的將信息和事物的工作方式展示出來，減少認(rèn)知障礙的產(chǎn)生。

2 扁平化的基本形式

去粗取精，簡潔元素。

UI（即“User Interface”用戶界面的簡稱。UI設(shè)計則是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計），UI的扁平化設(shè)計采用簡單的元素去設(shè)置用戶界面，堅持簡單的形狀并且偏向每個形象的單獨使用，這就方便了設(shè)計師，不僅讓界面簡潔美觀，更使得操作功能得到提升。

所以去除繁瑣的裝飾，把精力更多地運(yùn)用于人機(jī)交互效率和功能性的把控，這是現(xiàn)如今UI扁平化界面所體現(xiàn)的優(yōu)勢，真正能操作的不是界面中過多的花邊、陰影、特效，而是對能夠更快識別，更易找尋的界面人性化功能。成功案例中最重要的就是用戶體驗和互動元素的布局和設(shè)計，其獨特的美感依賴于每一個元素清晰的層次感。雖然越來越多的設(shè)計師開始注意平面設(shè)計原則，但扁平化設(shè)計能夠效率最大化的運(yùn)用于界面應(yīng)用程序和移動端。容量小、按鈕和界面清晰，以致使給用戶一個完美的體驗。優(yōu)秀的扁平化設(shè)計要包含完美的架構(gòu)、網(wǎng)格和排版布局及色彩的應(yīng)用，而并不是單純的簡單。

3 界面扁平化應(yīng)用的優(yōu)勢和發(fā)展

我們現(xiàn)在幾乎無時無刻不在互聯(lián)網(wǎng)上，隨時隨地接受大量信息，需要我們?nèi)ピu估其價值，過濾不重要的，或者創(chuàng)造新的內(nèi)容。這些都給我們造成大量負(fù)荷。尤其是現(xiàn)在小屏幕設(shè)備流行，致使我們更需要減少過度繁雜元素的交互界面設(shè)計。

3.1 扁平化的簡單是一種趨勢

現(xiàn)在許多顛覆性的網(wǎng)頁應(yīng)用和服務(wù)都專注在少量的功能和特性上，這一趨勢也使一些傳統(tǒng)上提供大而全功能的開發(fā)者也開始專注于功能簡單的“輕應(yīng)用”上。簡單的應(yīng)用也就意味著簡單的交互界面。

3.2 在數(shù)字媒體中的應(yīng)用理念

綜上所述，扁平化的設(shè)計運(yùn)用于界面設(shè)計中，給用戶帶來了更加簡潔、高效、舒適的使用感覺，也易化了用戶界面交互理解，它對傳統(tǒng)進(jìn)行了批判的繼承，同時又發(fā)展出了別具一格的設(shè)計風(fēng)格。對扁平化設(shè)計這種國際前沿的設(shè)計潮流進(jìn)行分析研究，有助于發(fā)掘出獨特而又新穎的設(shè)計語言，而這正是我們這些設(shè)計從業(yè)者非常需要的，相信在不久的將來UI界面設(shè)計的扁平化應(yīng)用會以更好的姿態(tài)展現(xiàn)在人們面前。

4 扁平化設(shè)計的發(fā)展優(yōu)勢和存在問題

發(fā)展優(yōu)勢：扁平化的界面有助于提高用戶體驗——效率。

其一是視覺效果方面，比如：Andriod手機(jī)有很多種分辨率，要想使同一個App在各種分辨率中都能清晰顯示，就需要準(zhǔn)備多套資源以對應(yīng)，ROM資源里就存在hdpi、ldpi、mdpi等資源以應(yīng)對各種不同分辨率，這樣一來調(diào)用的資源越多，程序運(yùn)行的速度就越慢。扁平化設(shè)計傾向矢量風(fēng)格的圖形，在一定程度上減弱對像素精度的依賴，從而創(chuàng)建出適應(yīng)性更高的用戶界面。類似的問題在win7系統(tǒng)中也很突出，雖說win7比XP的視覺效果要炫得多，但同等配置下的win7運(yùn)行速度要比XP差得多，扁平化設(shè)計很好的解決了這個問題，讓系統(tǒng)運(yùn)行更流暢，大大提高用戶體驗。

存在問題：凡事有利有弊，徹底扁平化的界面設(shè)計在表現(xiàn)力上有很大局限性。如：完全拋棄所有投影、肌理、浮雕效果，僅僅依賴極簡風(fēng)格的線條、色塊來準(zhǔn)確表現(xiàn)。越來越多樣化，新品層出不窮的APP是難以實現(xiàn)的。

擬真效果的界面設(shè)計之所以受追捧是因為它通過盡可能多的描繪降低學(xué)習(xí)成本。雖說扁平化界面通過拋棄大量裝飾元素來突出關(guān)鍵信息內(nèi)容來讓用戶快速找到他們關(guān)心的信息，但高度抽象后的簡潔圖形符號卻不是每個人都能馬上看明白的，這無疑提高了認(rèn)知水平，降低了用戶體驗。

扁平化信息層級的應(yīng)用對于移動數(shù)碼設(shè)備以及很多網(wǎng)頁設(shè)計而言有很強(qiáng)的推廣意義，方便快捷能提高用戶體驗，但并不代表所有數(shù)碼終端都適應(yīng)扁平化層級，對于操作流程有嚴(yán)格規(guī)范的應(yīng)用程序仍需層層推進(jìn)的操作引導(dǎo)。

[1]王受之.世界現(xiàn)代設(shè)計史.2002.9

[2]汪大偉.現(xiàn)代主義設(shè)計風(fēng)格的UI設(shè)計之興起.現(xiàn)代裝飾,2014

葉琳（通訊作者），1983年生，滿族，遼寧沈陽市，沈陽工學(xué)院教師，講師，碩士學(xué)位，研究方向：動畫設(shè)計。