UI設(shè)計(jì)的交互性與界面視覺(jué)設(shè)計(jì)研究

黃啟駿

（澳門科技大學(xué)，澳門 999078）

UI設(shè)計(jì)是通過(guò)文本與圖形元素，使人與設(shè)備之間進(jìn)行高效交互的一種手段，目前在軟件開(kāi)發(fā)與產(chǎn)品開(kāi)發(fā)領(lǐng)域，UI設(shè)計(jì)依據(jù)交互、便捷性以及可行性的特點(diǎn)占據(jù)重要地位，從人的感受方面，UI設(shè)計(jì)在視覺(jué)觸覺(jué)等方面給人提供信息，必須遵循人機(jī)交互原理，將界面視覺(jué)設(shè)計(jì)作為導(dǎo)向，以交互設(shè)計(jì)為設(shè)計(jì)重心，在保證UI界面設(shè)計(jì)的同時(shí)減少用戶使用難度，目前界面視覺(jué)設(shè)計(jì)與交互設(shè)計(jì)成為UI設(shè)計(jì)的重要內(nèi)容。

1 UI設(shè)計(jì)發(fā)展現(xiàn)狀

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

圖1 UI設(shè)計(jì)流程圖

1.1 UI設(shè)計(jì)基本原則

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

圖2 UI設(shè)計(jì)原則

2 UI設(shè)計(jì)的交互性

2.1 UI設(shè)計(jì)的交互功能

傳遞信息作為UI設(shè)計(jì)的根本目標(biāo)，通過(guò)設(shè)計(jì)交互功能實(shí)現(xiàn)信息傳輸，要求UI設(shè)計(jì)人員必須始終牢記 UI設(shè)計(jì)的根本目標(biāo)。人機(jī)交互在UI設(shè)計(jì)中是信息有效傳遞的基礎(chǔ)，所以要想提高信息傳輸效率就必須加強(qiáng)重視UI設(shè)計(jì)中人機(jī)交互環(huán)節(jié)，充分體現(xiàn)UI設(shè)計(jì)的交互性特點(diǎn)。隨著信息技術(shù)的飛速發(fā)展，在人們的生活工作中產(chǎn)生大量信息并需要傳播，通過(guò) UI設(shè)計(jì)中的人際交互可有效滿足信息傳播需求，設(shè)計(jì)人員通過(guò)設(shè)計(jì)出便捷的軟件操作界面，使用戶的信息傳播速度更快。站在用戶角度考慮人機(jī)交互界面設(shè)計(jì)，將以人為本原則落實(shí)在人機(jī)交互界面設(shè)計(jì)中，可以為用戶帶來(lái)更加舒適的視覺(jué)感受與便捷的使用體驗(yàn)，滿足用戶的信息傳播需求。與此同時(shí)設(shè)計(jì)人員在UI設(shè)計(jì)中還要將交互功能設(shè)計(jì)作為重要的工作內(nèi)容，隨著智能移動(dòng)終端設(shè)備的普及，人們?cè)谏罟ぷ髦锌梢噪S時(shí)隨地接收信息與傳播信息，因此也對(duì)智能設(shè)備的UI設(shè)計(jì)提出了更高要求，在UI設(shè)計(jì)中越來(lái)越具備個(gè)性化特點(diǎn)。在設(shè)計(jì)手機(jī)UI過(guò)程中，是通過(guò)大量精致的圖像與圖標(biāo)處理手機(jī)界面，隨著圖形界面視覺(jué)化與交互方式更加合理應(yīng)用可給最終設(shè)計(jì)出的產(chǎn)品帶來(lái)較大商機(jī)，這一種設(shè)計(jì)會(huì)給用戶帶來(lái)全新的視覺(jué)體驗(yàn)，還可以為信息交流提供載體，使用戶更加方便接收傳遞信息。安卓手機(jī)UI圖標(biāo)設(shè)計(jì)如圖2所示。

圖3 安卓手機(jī)UI圖標(biāo)設(shè)計(jì)

2.2 UI設(shè)計(jì)交互性功能應(yīng)用分析

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

3 UI界面視覺(jué)設(shè)計(jì)方法

3.1 UI界面視覺(jué)設(shè)計(jì)需求

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

3.2 UI界面視覺(jué)設(shè)計(jì)方法

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

圖4 UI設(shè)計(jì)色彩應(yīng)用

4 結(jié)束語(yǔ)

在人機(jī)交互與信息傳遞中， UI設(shè)計(jì)的交互性與界面視覺(jué)設(shè)計(jì)具有重要作用，兩者之間具有極其密切的關(guān)系，UI交互設(shè)計(jì)與界面視覺(jué)設(shè)計(jì)之間相互影響，要想提高UI設(shè)計(jì)的交互功能首先要加強(qiáng)界面視覺(jué)設(shè)計(jì)，在保證交互功能的基礎(chǔ)上提高其美觀性與可操作性，同時(shí)還可以將界面視覺(jué)設(shè)計(jì)思維應(yīng)用于UI設(shè)計(jì)工作，有效提高UI設(shè)計(jì)的合理性，在滿足用戶使用功能需求基礎(chǔ)上盡可能減少學(xué)習(xí)成本?！?/p>