試論UI設(shè)計(jì)的交互性與界面視覺設(shè)計(jì)

王正陽 劉定安

摘 要：本文將立足設(shè)計(jì)領(lǐng)域，探討UI設(shè)計(jì)的交互性，以及界面視覺設(shè)計(jì)路徑，以期為有識(shí)之士提供參考，提高UI設(shè)計(jì)水平，拓展UI設(shè)計(jì)的應(yīng)用范圍，優(yōu)化UI設(shè)計(jì)的視覺效果。

關(guān)鍵詞：UI設(shè)計(jì)；交互性；界面視覺設(shè)計(jì)

前言

在設(shè)計(jì)過程中，必須考察用戶需求，以提升用戶滿意度作為中心。為了實(shí)現(xiàn)產(chǎn)品與用戶的交流，UI應(yīng)運(yùn)而生。用戶界面實(shí)現(xiàn)了人與機(jī)器的互動(dòng)，創(chuàng)建了友好的互通界面。UI設(shè)計(jì)以豐富用戶審美體驗(yàn)，挖掘用戶潛在需要作為基礎(chǔ)，設(shè)計(jì)人員應(yīng)該注重UI設(shè)計(jì)的交互性，不斷提高界面視覺設(shè)計(jì)水平。

1 UI設(shè)計(jì)的交互性概述

對(duì)UI設(shè)計(jì)進(jìn)行分析，發(fā)現(xiàn)UI設(shè)計(jì)實(shí)際上是針對(duì)用戶而展開的界面設(shè)計(jì)，其主要目的就是深化用戶對(duì)設(shè)計(jì)界面的了解，調(diào)動(dòng)用戶的參與積極性，為用戶提供與產(chǎn)品相關(guān)的更多信息，實(shí)現(xiàn)人機(jī)互動(dòng)。交互設(shè)計(jì)的宗旨是滿足用戶的情感需要，激發(fā)用戶的應(yīng)用情感[1]。為了凸顯界面的交互性能，應(yīng)該對(duì)用戶展開調(diào)查，分析用戶對(duì)產(chǎn)品的某類需要，并開展功能設(shè)計(jì)，縮短用戶的學(xué)習(xí)時(shí)間，提高用戶的學(xué)習(xí)精準(zhǔn)度。

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

2.1分析用戶需要

在進(jìn)行界面設(shè)計(jì)時(shí)，設(shè)計(jì)人員首先要考察用戶的現(xiàn)實(shí)需要?，F(xiàn)實(shí)調(diào)研是基礎(chǔ)工作，設(shè)計(jì)人員需要采用調(diào)查問卷等方式，看用戶對(duì)界面有著怎樣的意見和建議。用戶意見和用戶建議是最重要的設(shè)計(jì)資源，設(shè)計(jì)人員需要建構(gòu)數(shù)據(jù)庫，整合用戶信息，并拓展信息技術(shù)的應(yīng)用范圍，對(duì)用戶需求進(jìn)行分類和總結(jié)。用戶類型不同，界面需求也呈現(xiàn)出較大的差異性。設(shè)計(jì)人員需要保證調(diào)查方式的多樣化，以及調(diào)查內(nèi)容的豐富性，從而保證調(diào)查效果。

2.2設(shè)計(jì)交互方式

用戶界面實(shí)現(xiàn)了人與機(jī)器的互動(dòng)，為了調(diào)動(dòng)用戶的參與積極性，設(shè)計(jì)人員應(yīng)該應(yīng)該美化用戶界面，不斷改進(jìn)用戶界面的外觀，打破傳統(tǒng)用戶界面的約束。如何呈現(xiàn)較好的用戶界面，成為各個(gè)設(shè)計(jì)人員關(guān)注的重點(diǎn)問題。作為設(shè)計(jì)人員，必須拉近自己與用戶的距離，建立自己與用戶的平等關(guān)系，并與用戶就界面問題進(jìn)行討論，汲取用戶對(duì)界面設(shè)計(jì)的建議。在生成用戶界面后，應(yīng)該生成軟件代碼，編譯代碼人員需要開展深入研究，解決人機(jī)交互問題。軟件開發(fā)伴隨阻礙，工程師應(yīng)該了解用戶界面的交互特征，并掌握不同用戶的交互習(xí)慣，解決軟件開發(fā)的問題。

3 UI設(shè)計(jì)中的界面視覺設(shè)計(jì)

3.1整體性設(shè)計(jì)

在瀏覽用戶界面時(shí)，用戶首先會(huì)將著眼點(diǎn)放在界面的整體性視覺效果上，對(duì)用戶界面有一個(gè)初步的了解。具體而言，用戶會(huì)考察以下幾點(diǎn)：第一，用戶界面使用的色彩是否搭配。第二，用戶界面是否實(shí)現(xiàn)了色系的協(xié)調(diào)配對(duì)。第三，用戶界面是否對(duì)明暗度進(jìn)行了優(yōu)化處理。第四，用戶的功能模塊設(shè)計(jì)是否吸引眼球。設(shè)計(jì)人員在把握用戶的現(xiàn)實(shí)需要后，應(yīng)該對(duì)用戶界面的色彩、色系、明暗度、功能模塊外觀等進(jìn)行整體性設(shè)計(jì)，并為用戶呈現(xiàn)界面操作提示的直觀框架，使用戶界面產(chǎn)生明暗交替的效果，充分吸引用戶的注意力[2]。

3.2合理性設(shè)計(jì)

在瀏覽用戶界面時(shí)，用戶大多會(huì)根據(jù)自己習(xí)慣進(jìn)行瀏覽，如從左到右瀏覽、從上到下瀏覽、從外到內(nèi)瀏覽等。在開展問卷調(diào)查時(shí)，設(shè)計(jì)人員即需要獲知用戶的瀏覽習(xí)慣、操作習(xí)慣，并對(duì)功能鍵進(jìn)行有效排列。用戶常用的功能鍵應(yīng)該放在界面的突出位置，避免用戶手動(dòng)操作的難度較大，跨越的距離較長。用戶不常用的功能鍵應(yīng)該放在頁面的隱蔽位置，藏在不同的功能模塊之中，以保證界面整潔性。每個(gè)用戶界面都有自己的主題，設(shè)計(jì)人員在開展UI設(shè)計(jì)時(shí)，應(yīng)該緊緊圍繞主題，并面向目標(biāo)用戶，根據(jù)各個(gè)層次的目標(biāo)用戶進(jìn)行分塊設(shè)計(jì)，直到滿足各個(gè)層次目標(biāo)用戶的現(xiàn)實(shí)需要。

3.3豐富性設(shè)計(jì)

在瀏覽用戶界面時(shí)，用戶會(huì)考察界面中的信息內(nèi)容，尋找信息內(nèi)容中的有效點(diǎn)。設(shè)計(jì)人員在設(shè)計(jì)用戶界面時(shí)，應(yīng)該錄入視頻信息、音頻信息、圖像信息等，確保創(chuàng)造最佳的視覺效果。人們?cè)诮邮找曈X信息時(shí)，對(duì)具象信息的接收程度更高，對(duì)具象信息的吸收效果最好，因此設(shè)計(jì)人員應(yīng)該保證用戶界面圖文并茂。最佳的用戶界面，是用戶能夠主動(dòng)通過界面獲取信息，實(shí)現(xiàn)人機(jī)互動(dòng)。設(shè)計(jì)人員除了要對(duì)圖片信息、音頻信息進(jìn)行挑選外，還需要對(duì)圖片進(jìn)行加工處理，根據(jù)界面設(shè)計(jì)情況調(diào)整圖片的大小。一般來說，用戶界面中的圖片規(guī)格為34P*34Px*34Px，這一規(guī)格的圖片完整性較強(qiáng)，設(shè)計(jì)人員應(yīng)該提升自身的專業(yè)水平，對(duì)圖標(biāo)尺寸、用戶界面進(jìn)行調(diào)整。文字需要和圖片保持對(duì)應(yīng)關(guān)系，在確定圖片類型、圖片形式之后，設(shè)計(jì)人員還應(yīng)該在圖片外圍配上闡釋性的文字，并對(duì)文字的大小進(jìn)行分類，實(shí)現(xiàn)信息的有效傳遞。

3.4一致性設(shè)計(jì)

在瀏覽用戶界面時(shí)，用戶大多會(huì)遵循自己的邏輯思維，這就要求設(shè)計(jì)人員保持設(shè)計(jì)邏輯與用戶邏輯的一致性，開展一致性設(shè)計(jì)。在接觸每一個(gè)新的用戶界面上，用戶都需要花費(fèi)時(shí)間摸索用戶界面的組成方式、主要文字信息、圖片信息等。新系統(tǒng)對(duì)用戶來說是獨(dú)特的學(xué)習(xí)過程，但如果新系統(tǒng)設(shè)計(jì)不符合邏輯，對(duì)用戶來說將是復(fù)雜的學(xué)習(xí)過程。在界面設(shè)計(jì)時(shí)，設(shè)計(jì)人員應(yīng)該盡量保持界面風(fēng)格的一致性，當(dāng)然也可以讓用戶根據(jù)自己的喜好習(xí)慣，自己選擇界面風(fēng)格。在允許用戶根據(jù)自身喜好選擇界面風(fēng)格時(shí)，設(shè)計(jì)人員需要保證不同風(fēng)格界面目標(biāo)、元素的一致性，避免界面設(shè)計(jì)違反常規(guī)。此外，用戶界面上的信息應(yīng)該具有直觀性特征，設(shè)計(jì)人員在挑選信息時(shí)，應(yīng)該盡可能貼近用戶的邏輯認(rèn)知習(xí)慣，明確模塊的主要內(nèi)容，輔助用戶理解?？勺x設(shè)計(jì)也是用戶界面設(shè)計(jì)的重要內(nèi)容，設(shè)計(jì)人員需要突出界面的功能選項(xiàng)，使用戶快速鎖定自己想要查詢的信息，了解界面的全部使用方式等。

結(jié)論

綜上所述，在新的時(shí)代背景下，我國現(xiàn)代技術(shù)飛速發(fā)展，UI設(shè)計(jì)水平不斷提升。UI以滿足用戶需要作為最終目的，設(shè)計(jì)人員需要考察用戶的現(xiàn)實(shí)需要，滿足用戶的交互需求。視覺要素是凸顯視覺效果的關(guān)鍵，設(shè)計(jì)人員應(yīng)該關(guān)注UI視覺效果設(shè)計(jì)，注重用戶界面的整體性、合理性、豐富性和一致性。

參考文獻(xiàn)

[1]鐘愛青，謝冠懷.世賽標(biāo)準(zhǔn)下的《網(wǎng)頁UI設(shè)計(jì)》一體化課程開發(fā)——暨世界技能大賽網(wǎng)站設(shè)計(jì)項(xiàng)目網(wǎng)頁界面設(shè)計(jì)模塊課程轉(zhuǎn)化[J].信息技術(shù)與信息化，2017（10）：64-66.

[2]趙針玉.中國傳統(tǒng)繪畫與數(shù)字藝術(shù)的碰撞——水墨風(fēng)格交互設(shè)計(jì)界面《旅游景點(diǎn)那些事兒》[J].藝術(shù)科技，2014，27（04）：30.