王正陽 劉定安
摘 要:本文將立足設(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.