UI設(shè)計的構(gòu)成方法

謝巧云

摘? 要：為提升UI設(shè)計的合理性，為用戶營造良好的使用體驗，文章以扁平設(shè)計作為切入點，系統(tǒng)探討UI扁平化設(shè)計途徑，旨在形成完備的UI設(shè)計機制，增強整個界面使用的有效性與合理性。

關(guān)鍵詞：UI設(shè)計;界面交互;扁平化設(shè)計構(gòu)成方法

前言

UI設(shè)計作為用戶界面優(yōu)化的重要手段，是保證人機交互的有序進(jìn)行，提升操作的邏輯性與美觀性的主要路徑。文章從UI界面設(shè)計的角度出發(fā)，多維度探討扁平設(shè)計的基本策略，構(gòu)建起成熟、高效的UI界面設(shè)計模式，避免設(shè)計盲區(qū)，增強設(shè)計的有效性。

1.UI界面設(shè)計意義

UI界面設(shè)計對于用戶體驗的提升、便捷性的強化有著極大的裨益。對于UI界面設(shè)計重要性的探討，引導(dǎo)設(shè)計人員在思維層面形成正確認(rèn)知，打破思維認(rèn)識的誤區(qū)，為后續(xù)界面設(shè)計方法舉措的創(chuàng)新與完善奠定堅實基礎(chǔ)。

UI界面作為人機交互的重要平臺，通過圖形設(shè)計、交互設(shè)計以及用戶測試等多種手段，使得整個UI界面圖形布局、操作邏輯更加符合用戶習(xí)慣。近些年來，隨著手機、電腦等智能設(shè)備的普及、用戶數(shù)量的持續(xù)增多，對于各類操作軟件的使用需求也逐步多元，軟件類型日益豐富。為避免給用戶使用過程中帶來困擾，保證操作的簡潔性，越來越多的研發(fā)人員除了做好軟件系統(tǒng)框架搭建與代碼編寫之外，逐步認(rèn)識到UI界面設(shè)計的重要性，嘗試通過對UI界面的調(diào)整，形成美觀、易操作、邏輯明確的界面，從而消除過往UI界面存在的特效混亂、圖標(biāo)不明的情況，影響正常使用，造成用戶的使用體驗下降。為應(yīng)對上述幾種情況，研發(fā)人員勢必需要認(rèn)真做好UI界面的設(shè)計與優(yōu)化工作，通過采取針對性舉措，對整個界面的設(shè)計的邏輯性、整體性以及有效性進(jìn)行調(diào)整，形成以用戶為中心的UI界面設(shè)計模式。

2.UI扁平設(shè)計概述

扁平設(shè)計作為UI設(shè)計的重要手段，對于界面設(shè)計成效有著較好地提升作用。為增強UI扁平設(shè)計的有效性、針對性，有必要對UI扁平設(shè)計進(jìn)行概述，形成完整認(rèn)知，確保UI扁平設(shè)計活動的有序進(jìn)行。

扁平化設(shè)計作為UI設(shè)計的發(fā)展趨向，與傳統(tǒng)的設(shè)計思路相比，扁平化設(shè)計不僅可以節(jié)約界面優(yōu)化時間，壓縮界面開發(fā)成本，還能夠增加UI界面的視覺美感，便于各類信息的直觀形成。以蘋果、微軟等企業(yè)為例，其在UI界面設(shè)計的過程中，大量使用扁平化設(shè)計語言，在此基礎(chǔ)上，對人際交互、操作模式以及界面效果等作出相應(yīng)的調(diào)整，在保證界面?zhèn)€性化的同時，有效兼顧操作的便捷性，使得UI界面的定位更加明確，符合不同用戶群體的使用需求與審美訴求。作為一種成熟的界面設(shè)計語言，UI設(shè)計大幅度提升了信息傳達(dá)的效率，通過扁平化的處理，確保用戶的可以排除冗余信息的干擾，幫助用戶快速獲取各類核心數(shù)據(jù)信息，節(jié)約了界面操作的時間成本。同時UI界面與扁平化設(shè)計的有機結(jié)合，實現(xiàn)了對界面控件的重構(gòu)，推動了2D向3D的快速轉(zhuǎn)換，將界面內(nèi)容以更加立體化的方式表現(xiàn)出來。以Google為例，其在Material Desigin界面設(shè)計的過程中，通過扁平化設(shè)計，對操作界面進(jìn)行3D處理，使得整個操作界面更為立體，不僅提升了界面的美感，還實現(xiàn)了信息的快速獲取。如圖1所示：

通過扁平化處理，UI界面更加簡潔，用戶獲取信息的難度大大降低。現(xiàn)階段UI界面的設(shè)計，更加突出用戶導(dǎo)向，為提升用戶粘度，在設(shè)計研發(fā)的過程中，往往需要結(jié)合用戶的使用習(xí)慣、審美追求，對UI界面的風(fēng)格做出相應(yīng)的調(diào)整，扁平化設(shè)計在很大程度上，迎合了用戶的審美需求，以更為簡潔的表現(xiàn)方式，展現(xiàn)在用戶面前。這種風(fēng)格的營造，對于UI界面的操作有著極大地提升作用，降低了用戶學(xué)習(xí)UI界面操作的時間成本，使得用戶可以在短時間內(nèi)，快速熟悉界面操作方式，提升了界面整體的可操作性。

3.UI扁平設(shè)計基本方法

UI扁平設(shè)計對于界面簡潔度、操作靈活性有著極大地提升作用。為更好地推進(jìn)UI扁平設(shè)計的順利開展，設(shè)計人員采用針對性舉措，對界面風(fēng)格、元素圖標(biāo)、視覺效果等做出優(yōu)化，以確保UI界面實用性、美觀性地有效兼顧。

3.1遵循UI扁平化設(shè)計原則

為確保UI界面扁平化設(shè)計活動的有序進(jìn)行，研發(fā)人員在掌握扁平化設(shè)計基本要求的前提下，還應(yīng)當(dāng)從實際出發(fā)，在簡易性、負(fù)擔(dān)性、一致性等原則框架下，對扁平化設(shè)計語言做出針對性的調(diào)整，以確保各項設(shè)計方式符合預(yù)期，推動UI界面設(shè)計的優(yōu)化。具體來看，扁平化設(shè)計要求，研發(fā)人員在進(jìn)行UI界面規(guī)劃的過程中，要通過結(jié)構(gòu)優(yōu)化、圖表優(yōu)化等方式，確保用戶在短時間內(nèi)可以快速獲取界面信息，減少誤操作機率。同時為降低用戶的記憶負(fù)擔(dān)，扁平化設(shè)計過程中，應(yīng)當(dāng)對結(jié)合人類短期極易規(guī)律，對UI界面信息表達(dá)方式做出針對性調(diào)整，通過這種界面優(yōu)化，增加信息瀏覽的便捷程度，降低極易負(fù)擔(dān)，為用戶營造出良好的使用體驗。考慮整個UI界面的美觀性，在扁平化設(shè)計過程中，對于每個子界面的風(fēng)格需要保持一致，避免設(shè)計語言、設(shè)計風(fēng)格的差異造成UI界面設(shè)計風(fēng)格的割裂，增強UI界面的美觀程度。

3.2UI界面排版的精細(xì)化處理

UI界面在進(jìn)行扁平化設(shè)計的過程中，應(yīng)當(dāng)在相關(guān)設(shè)計原則的指導(dǎo)下，對界面排版開展精細(xì)化處理。例如研發(fā)人員對于界面排版，可以選用簡單的元素，在確保操作便捷性的同時，提升審美效果。界面元素的選用可以顏色、圖表形式等相關(guān)角度出發(fā)，進(jìn)行針對性的排版精細(xì)化處理，通過界面元素的科學(xué)化、完整化展現(xiàn)，不僅可以控制UI界面扁平化設(shè)計的難度，還能夠在很大程度上，縮短界面設(shè)計的簡潔化程度，為用戶的日常操作提供極大的便利。為保證UI界面的審美效果，在排版設(shè)計過程中，需要對UI界面的風(fēng)格作出適當(dāng)調(diào)整，以保證排版能夠融入到整個UI界面扁平化設(shè)計的元素使用過程中之中，保證排版風(fēng)格的連續(xù)性，保證UI界面的視覺效果。

3.3界面圖標(biāo)、風(fēng)格的選用

UI界面在扁平化設(shè)計過程中，對于界面特效需要采取審慎的態(tài)度，以二維元素為主，進(jìn)行各類界面語言、界面內(nèi)容的間接表達(dá)。例如從圖片模塊、導(dǎo)航模塊形成二維符號，通過這種間接的表達(dá)方式，使得整個UI界面的可操作性大幅度提升。對于UI對于保持用戶焦點，改進(jìn)交互效果有很大幫助。遺憾的是如何確認(rèn)元素外觀一致沒有特別統(tǒng)一的衡量方法[1]。因此需要對目標(biāo)用戶進(jìn)行調(diào)查取得反饋。UI界面圖標(biāo)選用過程中，應(yīng)當(dāng)做好交互流程的選擇與風(fēng)格的選用，使得用戶具有較強的自主性，可以根據(jù)自身的需要采取靈活的手段，對界面圖標(biāo)、風(fēng)格等做好控制。除了做好商戶設(shè)計工作之外，還需要對UI界面功能的執(zhí)行流程進(jìn)行優(yōu)化，確保用戶的自主性質(zhì)，增加用戶與UI界面的年度。

結(jié)語

科學(xué)的UI界面設(shè)計，可以在很大程度上，加強人機交互，為用戶提供良好的使用體驗。為達(dá)到這一目標(biāo)，增強界面用戶粘度，需要針對性地作出界面優(yōu)化、調(diào)整，以形成更加精良的UI界面呈現(xiàn)效果。

參考文獻(xiàn)

[1]? 趙中建.可穿戴柔性屏設(shè)備的UI設(shè)計方法研究[J].工業(yè)設(shè)計，2018（4）：94-95.