UI設(shè)計中扁平化理念應(yīng)用研究

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

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

1 扁平化設(shè)計的福音

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

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

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

3創(chuàng)造UI扁平功能化

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

4結(jié)語

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

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

[2] 梅哲.圖形圖像界面中的圖標(biāo)設(shè)計[D].武漢：武漢理工大學(xué)，2009.

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

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