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

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

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

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

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

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

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

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

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

4結(jié)語

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

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

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

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

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