UI設計的交互性與界面視覺設計研究

黃啟駿

（澳門科技大學，澳門 999078）

UI設計是通過文本與圖形元素，使人與設備之間進行高效交互的一種手段，目前在軟件開發與產品開發領域，UI設計依據交互、便捷性以及可行性的特點占據重要地位，從人的感受方面，UI設計在視覺觸覺等方面給人提供信息，必須遵循人機交互原理，將界面視覺設計作為導向，以交互設計為設計重心，在保證UI界面設計的同時減少用戶使用難度，目前界面視覺設計與交互設計成為UI設計的重要內容。

1 UI設計發展現狀

UI設計是指用戶界面設計，設計內容通常包括軟件操作邏輯、界面美觀設計以及人機交互設計三方面，因此要求設計人員利用計算機與信息技術來具體實現，實際上UI設計就是設計人員通過操作設計軟件對用戶界面設計的過程，需要設計人員充分考慮用戶操作習慣與軟件界面邏輯因素，使用戶和軟件界面之間可以產生有效的交互關系。所以在開展UI設計前首先要對用戶行為習慣進行研究，從而確保解用戶的真正需求，將用戶研究環節作為UI設計的必要環節之一，深入挖掘用戶的真正需求，始終站在用戶角度開展UI設計，從而最終設計出符合用戶使用習慣與真正需求的軟件界面，UI設計作為軟件開發中的重要環節，受到人們的廣泛關注，最終目的是為了給用戶提供更加便捷的軟件使用體驗。交互設計主要指機器與人的交互，在設計過程中使軟件的應用性不斷增強，可以為用戶帶來更加方便快捷的服務。UI設計是信息時代的一大產物，我國UI設計正處于不斷完善發展的過程，大部分企業的大部分設計人員對UI設計往往只停留于美化用戶界面與平面設計上，因此大部分企業在招聘UI設計師時，只是招聘界面工程師與界面美術設計師[1]。目前我國UI設計發展還不完善，大部分人仍然認為UI設計是簡單的界面美術設計，只是對設計軟件的簡單利用。但是在實際中，UI設計不僅僅是設計人員利用設計軟件簡單設計界面美術，而是將UI設計與網絡制作設計相結合，使用戶界面與網絡界面之間形成有效交互，使用戶可以快速上手操作。在軟件開發過程中，由于大部分設計人員只是更加注重界面設計，導致UI設計發展停滯不前。UI設計流程圖如圖1所示。

圖1 UI設計流程圖

1.1 UI設計基本原則

在UI設計中必須始終遵循一致性原則、層次原則以及個性化原則，在UI設計中一致性原則主要表現在網站設計與排列方面，這是由于其中設計具有嚴密的邏輯關系，通過遵守一致性原則可以給用戶使用帶來方便快捷的體驗，不會產生突兀的感覺。在設計過程中每一個新的系統都是對UI設計人員提出的一個挑戰。用戶在面對一個新系統或新軟件時，通常需要花費大量時間來學習軟件的操作邏輯，如果設計人員始終遵循一致性設計原則，可以確保UI設計的實用邏輯和視覺感受保持一致，將用戶的學習時間盡可能減少，使用戶可以快速掌握新軟件的使用方法，所以一致性原則作為UI設計的必要原則，必須將一致性原則落實在UI設計元素、設計目標以及交互功能設計上[2]。個性化性原則是指UI設計具有個性化，可以給用戶帶來強烈刺激感受。層級原則是指UI設計必須確保用戶可以對界面設計上的所有信息直觀清晰的理解，并且對信息系統學習更加簡單，使UI設計工作更加便捷簡單，UI設計原則如圖2所示。

圖2 UI設計原則

2 UI設計的交互性

2.1 UI設計的交互功能

傳遞信息作為UI設計的根本目標，通過設計交互功能實現信息傳輸，要求UI設計人員必須始終牢記 UI設計的根本目標。人機交互在UI設計中是信息有效傳遞的基礎，所以要想提高信息傳輸效率就必須加強重視UI設計中人機交互環節，充分體現UI設計的交互性特點。隨著信息技術的飛速發展，在人們的生活工作中產生大量信息并需要傳播，通過 UI設計中的人際交互可有效滿足信息傳播需求，設計人員通過設計出便捷的軟件操作界面，使用戶的信息傳播速度更快。站在用戶角度考慮人機交互界面設計，將以人為本原則落實在人機交互界面設計中，可以為用戶帶來更加舒適的視覺感受與便捷的使用體驗，滿足用戶的信息傳播需求。與此同時設計人員在UI設計中還要將交互功能設計作為重要的工作內容，隨著智能移動終端設備的普及，人們在生活工作中可以隨時隨地接收信息與傳播信息，因此也對智能設備的UI設計提出了更高要求，在UI設計中越來越具備個性化特點。在設計手機UI過程中，是通過大量精致的圖像與圖標處理手機界面，隨著圖形界面視覺化與交互方式更加合理應用可給最終設計出的產品帶來較大商機，這一種設計會給用戶帶來全新的視覺體驗，還可以為信息交流提供載體，使用戶更加方便接收傳遞信息。安卓手機UI圖標設計如圖2所示。

圖3 安卓手機UI圖標設計

2.2 UI設計交互性功能應用分析

UI設計人員在工作前必須深入挖掘用戶的潛在需求和使用習慣，通過高水平的專業能力和多樣化的設計技術，確保最終設計出來的UI界面滿足用戶使用需求，可更加便捷地操作軟件或系統。在UI設計前首先要保證產品的使用功能，其次再考慮產品操作便捷性，盡可能將操作步驟簡化，符合用戶的使用習慣，提高UI界面的穩定性和便捷性，將用戶學習成本大幅度減少。在提高UI設計工作效率的同時保證設計準確性。在UI設計中，首先需要對用戶需求深入分析，有關生物與用戶分析是設計人員開展UI設計的首要工作，必須對設計對象加強調研，UI設計的用戶主要是軟件界面的信息使用者，由于計算機系統所涉及的信息技術較多層面，用戶范圍相對較廣，因此要想設計出人性化的界面，只有對用戶的不同類型需求與人文素養充分考慮，才能使UI設計更符合用戶需求[3]。在進行交互過程中，設計人員考慮交互性時要充分考慮UI界面的行為與外觀，由于軟件無法約束界面行為，這就要求設計人員對如何與用戶進行交互進行深入研究了解。在開發設計UI界面時，需要從用戶需求角度出發，通過對用戶進行調查得出設計方案，雖然在交互性設計方面較為復雜，但是對于用戶使用具有重要意義。采用大量軟件代碼共同實現界面，代碼自身具有意義，這種意義與代碼功能實現具有密切聯系，所以在編寫代碼時需要深入分析用戶需求，程序員要想在編寫代碼時實現良好的交互性設計，具有較高難度，所以造成大部分程序員對于交互性功能只存在表面上的認識，甚至在軟件開發完成后也無法使用戶得到想要的體驗。同時不同用戶的習慣不同，對過去的交互功能產生依賴，這就要求設計人員充分考慮用戶習慣，準確把握UI交互流程設計。

3 UI界面視覺設計方法

3.1 UI界面視覺設計需求

UI界面視覺設計內容包括視覺、聽覺、觸覺以及感覺等多個方面。滿足交互中的視頻需求可以給人們帶來全新的感知與體驗，在應用UI技術設計產品過程中主要根據用戶的使用習慣來確定設計形式，要求設計人員充分了解用戶的使用習慣，采取有效的UI設計手段實現人機之間高度交互，從而促進信息高效交流與傳遞；熟練掌握UI設計原則，在界面設計中充分應用視覺設計技術。通常來講，視覺主要是人通過眼睛與感覺器官來產生的，所以要求UI設計人員從人的眼睛與感官器官的角度來開展UI界面視覺設計工作，有效滿足用戶設計需求。

3.2 UI界面視覺設計方法

隨著信息技術的不斷發展，人們從互聯網上接收到大量信息，導致對信息傳輸已經產生疲勞，只能對存在感較強的視覺設計產生強烈感知，所以在UI界面設計過程中，首先要確保用戶使用過程中保持輕松舒適的感受，確定不同顏色之間的主次層次與配色標準，對不同色調的色彩明暗度合理安排，通過合適的色彩設計，使UI界面設計具有較強的存在感與舒適的視覺體驗，方便用戶對UI界面進行操作。要求UI設計人員充分考慮用戶的實際需求和操作習慣，始終站在用戶角度設計UI界面，使用戶可以直觀方便地進行操作，將用戶學習時間大幅度縮短，在短時間內對新軟件和新系統掌握上手。域外設計人員在具體設計工作中還要考慮界面布局的合理性，站在用戶角度考慮具體的操作體驗，確保UI界面布局滿足用戶的使用習慣與使用需求。用戶在軟件操作過程中通常會采取從左至右與從上至下的瀏覽順序，所以在具體設計中要考慮用戶習慣，不能違背用戶習慣進行設計，避免用戶使用過程中需要進行多步操作。在UI界面視覺設計中，經常存在設計人員大量增加使用功能，缺乏UI界面布局的合理性，設計人員可以考慮將不常用的功能選擇隱藏，使軟件界面布局更加干凈整潔，方便用戶可以快速找出所需的功能，對界面操作熟練掌握，大幅度降低軟件使用門檻。設計人員首先需要對用戶進行UI界面視覺需求調查，確定UI界面視覺設計主題，采取多種調查方法了解用戶的實際需求，進而采用合適的UI設計方法，使UI界面設計更加美觀與便捷。要求UI設計人員對平面設計工作加強重視，要關注UI界面設計風格與圖標設計的統一，優化UI界面排版與視覺效果。UI設計色彩應用如圖4所示。

圖4 UI設計色彩應用

4 結束語

在人機交互與信息傳遞中， UI設計的交互性與界面視覺設計具有重要作用，兩者之間具有極其密切的關系，UI交互設計與界面視覺設計之間相互影響，要想提高UI設計的交互功能首先要加強界面視覺設計，在保證交互功能的基礎上提高其美觀性與可操作性，同時還可以將界面視覺設計思維應用于UI設計工作，有效提高UI設計的合理性，在滿足用戶使用功能需求基礎上盡可能減少學習成本。■