視覺(jué)藝術(shù)在用戶界面設(shè)計(jì)中的作用分析

王羽菲

摘? ? 要：對(duì)視覺(jué)藝術(shù)在用戶界面設(shè)計(jì)中的價(jià)值進(jìn)行分析，本文基于視覺(jué)藝術(shù)和用戶體驗(yàn)、用戶界面設(shè)計(jì)等相關(guān)理論，歸納出視覺(jué)藝術(shù)在用戶界面的作用，闡述視覺(jué)藝術(shù)在其中的重要性，并提出相關(guān)優(yōu)化策略，為后的相關(guān)設(shè)計(jì)提供參考。

關(guān)鍵詞：視覺(jué);用戶;界面

中圖分類：TB472 文獻(xiàn)標(biāo)示碼：A

一、視覺(jué)藝術(shù)的概述

視覺(jué)藝術(shù)包括構(gòu)成視覺(jué)的文本、符號(hào)、色彩、圖像等元素，經(jīng)過(guò)幾次視覺(jué)浪潮，從畫畫到攝影技術(shù)的產(chǎn)生到電影的興起，我們的生活無(wú)時(shí)無(wú)刻都在與視覺(jué)打交道，視覺(jué)區(qū)分于嗅覺(jué)、聽(tīng)覺(jué)、味覺(jué)，視覺(jué)的地位在數(shù)字化的現(xiàn)代環(huán)境中不斷強(qiáng)化。美國(guó)學(xué)者尼古拉·米拉佐夫指出：“視覺(jué)文化的本質(zhì)就在于將生存轉(zhuǎn)化為視覺(jué)化或圖形化的現(xiàn)代傾向，而并不在圖像本身?！北疚膹囊曈X(jué)藝術(shù)的傳達(dá)與體驗(yàn)展開(kāi)。視覺(jué)體驗(yàn)是物品被視覺(jué)傳達(dá)后用戶的感受，而視覺(jué)傳達(dá)是通過(guò)一定的視覺(jué)媒介表現(xiàn)并傳遞給觀眾的行為，二者有傳播與接受的關(guān)系，在新科技的孕育下，更是一種主體間的交互關(guān)系。

二、視覺(jué)媒介數(shù)字化

視覺(jué)媒介是視覺(jué)呈現(xiàn)的基礎(chǔ)，如今視覺(jué)媒介正在朝著數(shù)字化方向發(fā)展，從傳統(tǒng)的撥號(hào)電話到集電話、攝影、相冊(cè)、游戲等一體的人工智能手機(jī)，視覺(jué)已不僅停留在“看”這一層次，更會(huì)喚起我們身體其他的感受。在用戶界面中，視覺(jué)藝術(shù)將客觀的信息通過(guò)視覺(jué)的輸送傳遞給用戶，這種媒介和過(guò)程是多媒體的、互動(dòng)的、數(shù)字化的。

三、視覺(jué)藝術(shù)在用戶界面中的作用

現(xiàn)代用戶界面基于交互體驗(yàn)的視覺(jué)已經(jīng)不僅是單向的視覺(jué)，更與心理學(xué)等知識(shí)相關(guān)，確保用戶能夠在界面通過(guò)視覺(jué)傳達(dá)正確靈敏地捕捉到需要的信息并有良好的用戶視覺(jué)體驗(yàn)。用戶界面的視覺(jué)元素如控件的作用、視圖的表達(dá)等都需要用戶通過(guò)視覺(jué)傳達(dá)來(lái)感知這些客觀信息傳遞的意圖，而這些元素在不同的視覺(jué)藝術(shù)表現(xiàn)下所呈現(xiàn)的感受是不同的，用戶能否理解客觀信息的傳遞關(guān)鍵在視覺(jué)藝術(shù)在其中發(fā)揮的作用。

（一）圖示的意符引導(dǎo)

唐納德·諾曼在《設(shè)計(jì)心理學(xué)》中將設(shè)計(jì)中的可視性應(yīng)用于五種心理學(xué)基本概念：示能、意符、約束、映射和反饋，意符即在揭示用戶可以通過(guò)什么方式采取什么樣的行動(dòng)，必須是可感知的。在用戶界面中，圖示的意符作用必須能夠客觀地引導(dǎo)用戶進(jìn)行操作，比如當(dāng)我們從一個(gè)層級(jí)的界面跳到另一層級(jí)我們需要進(jìn)行什么樣的操作，是滑動(dòng)還是點(diǎn)擊，向什么方向滑動(dòng)，單擊還是長(zhǎng)按，在用戶界面中必須有明確的圖示作為引導(dǎo)，同時(shí)這些傳遞的客觀信息的圖示必須符合用戶在日常生活中對(duì)同類信息的解讀。不管圖示朝著扁平化趨勢(shì)還是2.5維、3維等方向發(fā)展，圖示的設(shè)計(jì)在視覺(jué)上仍然要堅(jiān)持符合真實(shí)世界的原則，符合大多數(shù)用戶對(duì)該圖標(biāo)的解讀。

（二）色彩的心理因素

色彩會(huì)影響用戶的心理，同時(shí)也是用戶界面中不可缺少的視覺(jué)元素。一方面，我們常提到冷暖色調(diào)，正因?yàn)樯试谛睦砼c物理上使人有溫度的感覺(jué)，在冷暖色不同的感知下，用戶的感受也會(huì)發(fā)生變化，正如一般餐飲地點(diǎn)的環(huán)節(jié)意在營(yíng)造溫暖的氣氛，多使用暖色調(diào)。在用戶界面中也要充分了解用戶群體的體驗(yàn)需求，不同的群體有不同的需求，對(duì)色彩的需求存在差異，色彩感知雖帶有主觀性，但仍有一定的規(guī)律可循，比如工程類軟件的用戶界面可能更偏向于冷色;另一方面，色彩具有對(duì)比、互補(bǔ)、類似等歸類，造成的視覺(jué)體驗(yàn)都不同，日常生活中出現(xiàn)的警惕符號(hào)常常用紅色、黃色等醒目的顏色，加強(qiáng)提示作用，在用戶界面中這一規(guī)律同樣適用，再比如：我們需要輸入賬號(hào)密碼的登陸界面，“l(fā)og in”和“l(fā)og out”非常相似，除了改變單詞本身之外也可以使用對(duì)比或互補(bǔ)等合適的顏色將其進(jìn)行區(qū)分。

（三）層級(jí)的關(guān)系解讀

在用戶界面中，同一類別的文字在字體、字號(hào)等方面應(yīng)是統(tǒng)一的，否則容易引起視覺(jué)混淆。視覺(jué)的層級(jí)關(guān)系會(huì)影響用戶的使用效率，層級(jí)關(guān)系也可以用于同一層級(jí)中使用頻率層級(jí)，如蘋果在“設(shè)置”這一層級(jí)界面中，按照用戶設(shè)置的頻率和類別將不同的功能設(shè)置進(jìn)行分類和排序，讓用戶有更好的體驗(yàn)。

四、視覺(jué)藝術(shù)的優(yōu)化戰(zhàn)略

（一）圖示語(yǔ)言符合邏輯

本文將圖標(biāo)與文本等歸納稱為圖示，一方面，圖示語(yǔ)言能夠幫助用戶對(duì)內(nèi)容通道進(jìn)行記憶強(qiáng)化，符合易取性和防錯(cuò)性原則。用戶在觀察圖標(biāo)時(shí)能夠通過(guò)圖標(biāo)的視覺(jué)傳達(dá)解讀其功能，結(jié)合時(shí)代發(fā)展的視覺(jué)規(guī)律對(duì)需要感受的信息進(jìn)行合理的視覺(jué)圖形設(shè)計(jì)，提高用戶視覺(jué)查詢的效率和信息識(shí)別的正確率;另一方面，圖示也需要考慮其布局，如文本內(nèi)容的間隔、字體符號(hào)等，針對(duì)特殊用戶的時(shí)，如老年群體，他們可能需要的字符就比普通用戶更大。

（二）色彩表達(dá)符合思維

數(shù)字化下的視覺(jué)藝術(shù)起到一種交互作用，能幫助用戶進(jìn)行分類區(qū)別、加強(qiáng)理解等，利用色彩的特性和用戶對(duì)色彩產(chǎn)生的心理因素，讓色彩表達(dá)符合思維，如在用戶界面中運(yùn)用過(guò)多的小塊色彩會(huì)導(dǎo)致用戶產(chǎn)生視錯(cuò)覺(jué)，易引起視覺(jué)混淆，設(shè)計(jì)中要根據(jù)不同的目標(biāo)群體的視覺(jué)體驗(yàn)和需求等對(duì)界面中的色彩進(jìn)行合理應(yīng)用，達(dá)到舒適的視覺(jué)體驗(yàn)。

（三）層級(jí)記憶符合感知

對(duì)層級(jí)的記憶可以加快用戶的使用效率，視覺(jué)傳達(dá)的信息對(duì)層次有指向性作用，利用視覺(jué)描述可以減少用戶的記憶負(fù)擔(dān)，堅(jiān)持符合易取性和易掃性。其次，同一層級(jí)的字體、字符高度統(tǒng)一，符合一致性。

（四）視覺(jué)符合用戶習(xí)慣

諾曼曾來(lái)中國(guó)演講，當(dāng)按了PPT的控制器中朝向前方的箭頭時(shí)，PPT頁(yè)面返回到了上一張，箭頭在他看來(lái)代表前進(jìn)，但設(shè)計(jì)者依據(jù)的思維是箭頭代表上一張。同樣，黃色在很多地方具有貶義色彩，但在中國(guó)是皇族的標(biāo)志色。因此，不論是圖示的指示還是色彩的運(yùn)用等在用戶界面設(shè)計(jì)中要把握目標(biāo)群體的視覺(jué)習(xí)慣。

五、結(jié)論

在數(shù)字發(fā)展時(shí)代，視覺(jué)藝術(shù)的功能已經(jīng)超越了原本對(duì)其的定義，用戶界面等包括其他用戶的體驗(yàn)設(shè)計(jì)離不開(kāi)視覺(jué)的作用，本文淺析視覺(jué)藝術(shù)在用戶界面中的作用僅僅是用戶界面中組成部分的分支，希望能引起領(lǐng)域內(nèi)對(duì)視覺(jué)在界面設(shè)計(jì)中的重視，發(fā)揮視覺(jué)藝術(shù)對(duì)其的作用。

參考文獻(xiàn)：

[1]（美）唐納德·A·諾曼.小柯譯.設(shè)計(jì)心理學(xué).日常的設(shè)計(jì)[M]北京：中信出版社，2015：10-33.

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

[3]段殳.色彩心理學(xué)與藝術(shù)設(shè)計(jì)[D]東南大學(xué)，2006

[4]丁蕾.數(shù)字媒體語(yǔ)境下的視覺(jué)藝術(shù)創(chuàng)新[D]南京藝術(shù)學(xué)院，2013