UI設計中扁平化理念應用研究

摘要：扁平化設計為UI用戶界面交互理解提供了易化劑，創造了平面功能化的特殊地位，解決了復雜設計帶來的操作不便及不夠人性化的使用感受。

關鍵詞：UI設計；扁平化設計；功能UI設計在當今時代已經不是一個陌生的詞匯，UI即User Interface（用戶界面）的簡稱，是人機交互、操作邏輯、界面美觀的整體設計。扁平化的設計是拋棄一切裝飾的設計。目前在中國，UI設計中扁平化的運用還是一個需要不斷成長的設計領域，是隨著智能電子產品的普及而誕生的一個正在成長的新型行業。在信息化高科技的時代，手機、平板電腦已成為我們生活中不可或缺的一部分，新媒體技術的成長使我們的生活更加便捷，這就是本文在UI設計中首要考慮的最直觀的又是最難把控的——用戶界面交互理解，扁平化設計使得用戶操作起來更加簡潔、高效和舒適。

1 扁平化設計的福音

二次元的扁平化設計給我們帶來更多福音。摒棄一切裝飾效果，元素邊界干凈利落，完全的平面化，這就是扁平化的印象。它能夠減少操作時的認知障礙，用簡單直接的方式展示，創造出平面功能性的最大值。首先，中國電子科學技術軟件的開發還存在一些弊端，就是交戶界面的設計比較粗糙。由于大多數軟件開發人員都只接受過生硬的計算機及軟件知識的教育，而不具備藝術設計及審美，這就形成了其軟件開發功能上比較強，用戶界面交互方面比較弱勢。有些軟件開發人員把大量時間用于復雜的程序編寫，而不去關注交互界面的設計，往往是事半功倍。其次，過于煩瑣的交互界面設計。陰影、紋理、漸變、3D和各種裝飾元素的使用，已不能使產品在使用功能上提升效率；而且隨著網站和應用程序在許多平臺涵蓋了越來越多不同的屏幕尺寸，創建多個屏幕尺寸和分辨率的skeuomorphic設計既煩瑣又費時，使得設計師的工作量更加煩瑣，以至于讓用戶在操作過程中產生煩瑣復雜感，從而降低了交互的使用效率。所以，簡潔大方的交互界面設計自然能夠引導用戶，并且在最短時間內熟練使用。這就是本文所要講的平面功能最大化——UI扁平化設計。

2扁平化的設計特點提升用戶界面的功能性

在設計領域，創造有用的東西是一個設計優秀的象征，但如果這種象征基于手機及平板的界面設計，它的實用度會受到很大的限制。所以要另辟蹊徑，使平面化的界面最大限度地發揮其功能性價值。UI扁平化設計，一個通過交互界面設計來改造提高功能化的重要手段。使用戶界面保持獨一無二的創造力和平易近人的功能性，給用戶舒適、方便快捷的使用體驗。（1）去粗取精。簡潔元素。UI界面的設計是連接人與機器的橋梁，按鈕和圖標則更是通往下一站的重要砝碼。UI的扁平化設計采用簡單的元素去設置用戶界面，堅持簡單的形狀并且偏向每個形狀的單獨使用，因為其形狀的邊角已經體現最完美的曲率。明釋義中的象形圖形、語標符號，暗釋義中表意圖像、抽象符號這些按鈕和圖標表達方式的出現都是對復雜語義最簡潔、最易理解的表述。也是經過反復證明的，且無異議、無障礙的通用符號，這種扁平化按鈕和圖標的運用，大大方便了設計師，且省去了不同國界，不同語言及地域的人們進行不同設計工作的障礙，簡潔的扁平化按鈕和圖標，不僅僅讓界面更加簡潔美觀，更使得操作功效大大的得到了提升。（2）去偽存真。去除裝飾。把一切物象用平面二維化來進行設計是扁平化設計獨一無二的標簽。 20世紀早期，著名教育家格羅皮烏斯的教學為國立建筑工藝學校帶來了以幾何線條為基本造型的全新設計風格。國立建筑工藝學校設計的工廠不再有任何裝飾，廠房為四方形，平平的房頂、樓身除支柱外全部用金屬板搭構，外鑲大塊的玻璃，簡潔而敞亮，完全適于生產的需要。盡管是建筑設計，但在當時引發了世界設計新的思考。四方的座椅，靠背僅由幾條曲線狀的木條或鋼條支撐的椅子，它在生產流水線上一天就能產出上百把，這種效率可想而知。去除煩瑣的裝飾，把精力更多地運用于人機交互效率和功能性的把控，這是現如今UI扁平化界面設計所體現的優勢，真正能夠操作的不是界面中過多的花邊、陰影、特效，而是對能夠更快識別，更易找尋的界面人性化功能。成功案例中最重要的就是用戶體驗和互動元素的布局和設計，其獨特的美感依賴于每一個元素清晰的層次感。雖然越來越多的設計師開始注重平面設計原則，但扁平化設計能夠效率最大化的運用于界面應用程序和移動端。容量小，按鈕和界面清晰，以致使給用戶一個完美的體驗。優秀的扁平化設計要包含良好的架構、網格和排版布局及色彩的運用，而并不是單純的簡單。（3）由此及彼。秉承最簡風格，在共性中尋找特性。最簡風格是扁平化設計最簡單但最行之有效的設計。避免了一些過于花哨和煩瑣元素的加入，簡潔的色塊和文本也許還不能完全滿足設計維度，但一個簡潔自然的攝影或插畫作品作為背景的加入，會增添意想不到的視覺效果。這種加入，且在適合設計整體的融洽性，令突出的主體可以包含輕微的梯度陰影，讓用戶有種似有的立體感，但這種微陰影的加入，并不會打破扁平化設計的二維特點。因為在二維世界里，一個微弱的效果可以增加設計的空間感，但整體的感受依然不受影響，更行之有效的引導了用戶的視覺中心，幫助用戶更正確的使用產品，功能表現可謂是錦上添花。（4）由表及里。注重文字及色彩。合適的字體及字號使用戶閱讀得更加舒適且有效率。在一個UI界面中，版面的大小是有限的，這使得版面內容的編排變得非常重要。最常見的字體是首先要考慮的，就如把一段高度美化的文本放置于UI界面中，這對用戶來說，在閱讀上會產生疲勞和反感，從而降低了閱讀率和使用率。所以，字體應該簡潔大方才能行之有效，無稱線字體在現如今最受寵愛，因為它在信息量大的情況下依然可以使讀者輕松閱讀。扁平化設計的另一個重要部分是界面色彩的設計，色彩在吸引用戶的效率上有著出色的表現。扁平化設計所使用的顏色多于其他媒介所使用的，色塊往往給用戶一種平和但又充滿新意的感受，純凈的顏色且更受歡迎，不同的色彩會給人不同的使用心情，這也是扁平化設計中深入人性化考量優勢的體現。注重“里”的設計，也會增加UI扁平化設計的功能性。

3創造UI扁平功能化

簡潔抽象的按鈕、純凈色彩的調和、無稱線字體的使用、光滑細膩而現代感十足。簡約而不簡單的扁平化設計，擺脫了冗余的界面和交互功能障礙，使用戶更加直觀地感受到人性化的設計和操作。讓使用者更加專注于尋求內容本身，在扁平化的視覺和架構設計下顯得十分簡單易用，使用很久也不會感到疲勞。UI扁平化設計可以更加簡單直接的將信息和事物的工作方式及內容展現出來，以減少認知障礙的產生，從而給用戶營造一個舒適、輕松、便捷的使用感受。

4結語

扁平化的設計運用于UI設計中，給用戶帶來了更加簡潔、高效、舒適的使用感受，這種功能化體現于扁平化設計中簡潔元素、去除裝飾、秉承最簡風格且在共性中尋找特性、文字與色彩的把控。扁平化易化了用戶界面交互理解，創造了平面功能化的設計。參考文獻：

[1] 張亞先.UI設計中圖標設計的釋義方式[J].機械設計，2013，30（6）：107109.

[2] 梅哲.圖形圖像界面中的圖標設計[D].武漢：武漢理工大學，2009.

[3] 張健姿.圖形用戶界面設計[J].2001（9）.

[4] 王受之.世界現代設計史[M].中國青年出版社.作者簡介：林陽（1989—），女，河南開封人，碩士在讀，2012年至今就讀于河南大學藝術學院，研究方向：平面設計。