扁平化設計風格在界面中的應用

尹中月 沈陽工學院

扁平化設計風格在界面中的應用

尹中月 沈陽工學院

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

刪繁就簡 扁平化應用設計 扁平化的提升功能

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

1 扁平化設計的理念構成

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

2 扁平化的基本形式

去粗取精，簡潔元素。

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

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

3 界面扁平化應用的優勢和發展

我們現在幾乎無時無刻不在互聯網上，隨時隨地接受大量信息，需要我們去評估其價值，過濾不重要的，或者創造新的內容。這些都給我們造成大量負荷。尤其是現在小屏幕設備流行，致使我們更需要減少過度繁雜元素的交互界面設計。

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

現在許多顛覆性的網頁應用和服務都專注在少量的功能和特性上，這一趨勢也使一些傳統上提供大而全功能的開發者也開始專注于功能簡單的“輕應用”上。簡單的應用也就意味著簡單的交互界面。

3.2 在數字媒體中的應用理念

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

4 扁平化設計的發展優勢和存在問題

發展優勢：扁平化的界面有助于提高用戶體驗——效率。

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

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

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

扁平化信息層級的應用對于移動數碼設備以及很多網頁設計而言有很強的推廣意義，方便快捷能提高用戶體驗，但并不代表所有數碼終端都適應扁平化層級，對于操作流程有嚴格規范的應用程序仍需層層推進的操作引導。

[1]王受之.世界現代設計史.2002.9

[2]汪大偉.現代主義設計風格的UI設計之興起.現代裝飾,2014

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