淺析用戶交互設(shè)計中的視覺性設(shè)計

胡婭玲 （武漢工程大學(xué)藝術(shù)設(shè)計學(xué)院 430200）

淺析用戶交互設(shè)計中的視覺性設(shè)計

胡婭玲 （武漢工程大學(xué)藝術(shù)設(shè)計學(xué)院 430200）

伴隨著人機(jī)交互技術(shù)的研發(fā)與應(yīng)用，科技產(chǎn)品的研究越來越關(guān)注到用戶的實(shí)際需求。在產(chǎn)品開發(fā)環(huán)節(jié)中，用戶的體驗(yàn)?zāi)軌驗(yàn)槠涮峁┭邪l(fā)意見以及方向，提升產(chǎn)品的適用性。在用戶交互體驗(yàn)環(huán)節(jié)中，需要視覺感官感受了解產(chǎn)品，因此，在用戶交互體驗(yàn)?zāi)Ｊ街?，需要逐漸的關(guān)注到產(chǎn)品針對于用戶的視覺性設(shè)計。本文介紹了基于用戶交互體驗(yàn)的視覺需求，實(shí)現(xiàn)UI設(shè)計交互體驗(yàn)中的視覺轉(zhuǎn)變，并且分析視覺設(shè)計應(yīng)用發(fā)展趨勢。

用戶交互體驗(yàn)；視覺性設(shè)計；3D視覺交互

人的視覺感官比較發(fā)達(dá)，能夠借助視覺感官了解電子界面信息，在交互產(chǎn)品的視覺性設(shè)計環(huán)節(jié)中，需要注重視覺思維的合理運(yùn)用。視覺思維的物理特征影響著人的感知，如在視覺思維影響下，對于交互界面上的畫面、色彩、圖標(biāo)等實(shí)現(xiàn)感知。在用戶交互式體驗(yàn)的環(huán)節(jié)中對于用戶的視覺性設(shè)計提出較高的要求，視覺與思維的相互轉(zhuǎn)換。

一、用戶交互體驗(yàn)的視覺需求

（一）視覺需求

在任何一個產(chǎn)品的設(shè)計環(huán)節(jié)中，都需要以設(shè)計需求為設(shè)計根本，而所謂的設(shè)計需求實(shí)際上是用戶的需求，在用戶需求比較明確的情況下，將會有效的促進(jìn)產(chǎn)品的研發(fā)，為產(chǎn)品設(shè)計帶來靈感。在用戶交互體驗(yàn)的視覺性設(shè)計環(huán)節(jié)中，需要掌握用戶的視覺需求，不同的人對于一項(xiàng)產(chǎn)品的視覺需求不同。而這些差異化的視覺需求又被人的視覺思維所決定。

也就是說，人的視覺思維引導(dǎo)著人的視覺需求，那么基于交互式的產(chǎn)品設(shè)計中，需要注重到視覺思維的科學(xué)應(yīng)用1。視覺思維具有普遍性也有特殊性，對不同視覺思維習(xí)慣進(jìn)行分析，其中單一右腦型的人富有想象力，能夠圖片信息化以及圖片色彩化，能夠習(xí)慣于對于信息的自主化加工。而單一左腦型的人比較擅長于計算，邏輯思維以及觀察能力較強(qiáng)，在視覺感知上善于推理2。

（二）視覺思維的重要性

視覺思維在用戶交互設(shè)計體驗(yàn)中發(fā)揮著重要的作用，在面向用戶的交互設(shè)計中，視覺性設(shè)計能夠?yàn)槿藗兊囊曈X認(rèn)知提供信息傳遞工具，同時人的大腦在視覺思維的引導(dǎo)下建立聯(lián)想，將交互式界面中的圖標(biāo)、信息圖表等問題解決。在交互式體驗(yàn)設(shè)計中，視覺思維能夠引導(dǎo)用戶行為，提升人對于視覺信息的處理效率。當(dāng)在體驗(yàn)設(shè)計中，用戶能夠借助視覺思維去完成任務(wù)，則能夠有效的縮短思考時間。

二、UI設(shè)計交互體驗(yàn)中的視覺轉(zhuǎn)變

（一）從2D到3D的視覺交互轉(zhuǎn)變

伴隨著用戶交互設(shè)計中視覺需求的提升，視覺交互逐漸從2D模式轉(zhuǎn)變到了3D模式。視覺思維在UI平面交互體驗(yàn)設(shè)計中涉及的面比較廣，主要包含了UI整體風(fēng)格設(shè)計以及UI構(gòu)圖設(shè)計、UI圖形語言設(shè)計、UI配色設(shè)計、UI視覺層級關(guān)系設(shè)計和UI交互動畫設(shè)計五大塊內(nèi)容。在用戶需求的基礎(chǔ)上更加的人性化，能夠有效地提升系統(tǒng)設(shè)計的可用性，以提升用戶的使用效率。UI交互體驗(yàn)技術(shù)在智能手機(jī)中的應(yīng)用較為廣泛，視覺轉(zhuǎn)換使得智能手機(jī)的視覺設(shè)計從平面走向立體，3D成像技術(shù)展示不存在任何障礙3。

（二）3D視覺交互

UI交互體驗(yàn)在實(shí)現(xiàn)3D視覺轉(zhuǎn)換的基礎(chǔ)上，從二維空間轉(zhuǎn)換到了三維空間。其中最為典型的就是手機(jī)虛擬成像技術(shù)，該技術(shù)的出現(xiàn)為人機(jī)交互界面的發(fā)展帶來了創(chuàng)新。該種技術(shù)的特點(diǎn)在于產(chǎn)生一種人為虛擬的環(huán)境，在手機(jī)圖像所構(gòu)成的三度空間中，產(chǎn)生較為真實(shí)的虛擬環(huán)境?；赨I設(shè)計交互體驗(yàn)從二維到三維的視覺交互轉(zhuǎn)變，改變了人們對于事物的視覺習(xí)慣，使得更多形式的UI風(fēng)格被開發(fā)與設(shè)計，實(shí)現(xiàn)多維拓展多種載體并行?；谶@樣的視覺設(shè)計模式能夠更加的貼近客戶，實(shí)現(xiàn)產(chǎn)品的人性化設(shè)計。不像2D屏幕的交互技術(shù)，視野上有著固定大小的畫布和屏幕尺寸。3D的空間會將人的視覺無限拓寬，借助更多的是焦點(diǎn)的變化，實(shí)現(xiàn)用戶視線和注意力的變化。2014年英國Ultrahaptics公司開發(fā)出一種新的3D交互式觸覺技術(shù)，該種技術(shù)將虛擬化看得到摸不到的3D視覺轉(zhuǎn)換，能夠讓人們在虛擬的空間中，觸摸到物體。該種技術(shù)實(shí)現(xiàn)的核心就是超射波，超射波在壓力之下，能夠發(fā)生改變，在三維空間中能夠給人以一種虛擬“形狀”和“力”的感覺。該種技術(shù)是一種新型的算法，能夠更好的控制聲輻射力場容量的分配，不過該種技術(shù)還在初級研究階段，將該種技術(shù)應(yīng)用到商業(yè)領(lǐng)域中還需要一段時間。

三、用戶交互體驗(yàn)下視覺設(shè)計應(yīng)用發(fā)展趨勢

隨著科技信息技術(shù)的逐漸研發(fā)，人機(jī)時代下的交互體驗(yàn)設(shè)計更加注重的是用戶的實(shí)際需求、用戶對于產(chǎn)品的評價以及視覺反饋。在人機(jī)時代下，電子產(chǎn)品的設(shè)計為了吸引更多的用戶，實(shí)際設(shè)計環(huán)節(jié)中通過圖形維度的轉(zhuǎn)換、顏色變換等方式，在用戶的色彩心理基礎(chǔ)上，牢牢把握用戶的綜合視覺訴求，以滿足用戶對于產(chǎn)品的整體要求，正如3D交互的發(fā)展?；谟脩艚换ンw驗(yàn)的逐漸發(fā)展，視覺設(shè)計應(yīng)用的領(lǐng)域也越來越廣泛，但是在現(xiàn)今交互體驗(yàn)技術(shù)下，其發(fā)展存在著很多問題以及不足之處，需要在未來的視覺設(shè)計發(fā)展中積極的改善這些問題。

如在界面設(shè)計中圖案設(shè)計的華而不實(shí)，圖形的設(shè)計存在著贅余等情況，并且在具體的設(shè)計中忽視了對于用戶的視覺焦點(diǎn)考慮，導(dǎo)致在交互界面視覺設(shè)計中存在著視覺盲點(diǎn)的問題。3D交互界面必然會改變以往UI設(shè)計中存在的贅墜設(shè)計，無論是從極簡的未來科技風(fēng)格、突出交互視覺重點(diǎn)，還是從極簡界面加快數(shù)字產(chǎn)品后臺運(yùn)行速度而言。3D交互的普及化商業(yè)應(yīng)用必然是未來用戶交互設(shè)計的大發(fā)展方向，解決已存在技術(shù)問題，完成商業(yè)化推廣。

雖然現(xiàn)如今UI交互體驗(yàn)設(shè)計不盡完美，但是近二十年來，它的應(yīng)用直接促成了移動設(shè)備、電子商務(wù)以及娛樂設(shè)施的發(fā)展。對人類視覺以及其生理機(jī)制的研究，已經(jīng)被大量的應(yīng)用到具體的視覺設(shè)計中，該種設(shè)計方式能夠?qū)崿F(xiàn)視覺區(qū)域與大腦信息的轉(zhuǎn)換，保障電子設(shè)計能夠從用戶的視覺思維方向和角度去指導(dǎo)設(shè)計方案。

綜上所述，經(jīng)過本文的研究，能夠發(fā)現(xiàn)基于用戶交互體驗(yàn)的視覺性設(shè)計環(huán)節(jié)中，隨著時代的進(jìn)步、科學(xué)技術(shù)的發(fā)展，用戶交互已不滿足于2D的視覺交互，視覺是交互過程的第一起點(diǎn)，這樣的定位顯得交互過程中滿足用戶視覺需求尤為重要?，F(xiàn)今UI設(shè)計交互體驗(yàn)中，2D到3D的視覺轉(zhuǎn)變是一個質(zhì)的飛躍，3D效果的交互體驗(yàn)將是未來UI交互發(fā)展的主流方向。然而，現(xiàn)今交互技術(shù)并不能支持過多的暢想，3D視覺交互依然存在許多問題及不足，需要科技技術(shù)與視覺設(shè)計協(xié)同發(fā)展，積極解決完善現(xiàn)今已存在的問題，實(shí)現(xiàn)真正的3D視覺交互體驗(yàn)。

[1]顧文佳.UI設(shè)計中用戶交互體驗(yàn)的視覺思維[D].中國美術(shù)學(xué)院，2012.

[2]江小浦，郭斌.未來觸屏手機(jī)交互設(shè)計中的視覺元素研究[J].包裝工程，2013（16）：24-27+34.

[3]牛東方，謝里陽，鄧明，鐘瑩.產(chǎn)品交互設(shè)計中的視覺形態(tài)認(rèn)知研究[J].工程設(shè)計學(xué)報，2013（06）：459-462+475.

胡婭玲，武漢工程大學(xué)藝術(shù)設(shè)計學(xué)院，15級在讀研究生，碩士學(xué)位，專業(yè)：藝術(shù)設(shè)計，研究方向：視覺傳達(dá)。