視覺藝術在用戶界面設計中的作用分析

王羽菲

摘? ? 要：對視覺藝術在用戶界面設計中的價值進行分析，本文基于視覺藝術和用戶體驗、用戶界面設計等相關理論，歸納出視覺藝術在用戶界面的作用，闡述視覺藝術在其中的重要性，并提出相關優化策略，為后的相關設計提供參考。

關鍵詞：視覺;用戶;界面

中圖分類：TB472 文獻標示碼：A

一、視覺藝術的概述

視覺藝術包括構成視覺的文本、符號、色彩、圖像等元素，經過幾次視覺浪潮，從畫畫到攝影技術的產生到電影的興起，我們的生活無時無刻都在與視覺打交道，視覺區分于嗅覺、聽覺、味覺，視覺的地位在數字化的現代環境中不斷強化。美國學者尼古拉·米拉佐夫指出：“視覺文化的本質就在于將生存轉化為視覺化或圖形化的現代傾向，而并不在圖像本身。”本文從視覺藝術的傳達與體驗展開。視覺體驗是物品被視覺傳達后用戶的感受，而視覺傳達是通過一定的視覺媒介表現并傳遞給觀眾的行為，二者有傳播與接受的關系，在新科技的孕育下，更是一種主體間的交互關系。

二、視覺媒介數字化

視覺媒介是視覺呈現的基礎，如今視覺媒介正在朝著數字化方向發展，從傳統的撥號電話到集電話、攝影、相冊、游戲等一體的人工智能手機，視覺已不僅停留在“看”這一層次，更會喚起我們身體其他的感受。在用戶界面中，視覺藝術將客觀的信息通過視覺的輸送傳遞給用戶，這種媒介和過程是多媒體的、互動的、數字化的。

三、視覺藝術在用戶界面中的作用

現代用戶界面基于交互體驗的視覺已經不僅是單向的視覺，更與心理學等知識相關，確保用戶能夠在界面通過視覺傳達正確靈敏地捕捉到需要的信息并有良好的用戶視覺體驗。用戶界面的視覺元素如控件的作用、視圖的表達等都需要用戶通過視覺傳達來感知這些客觀信息傳遞的意圖，而這些元素在不同的視覺藝術表現下所呈現的感受是不同的，用戶能否理解客觀信息的傳遞關鍵在視覺藝術在其中發揮的作用。

（一）圖示的意符引導

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

（二）色彩的心理因素

色彩會影響用戶的心理，同時也是用戶界面中不可缺少的視覺元素。一方面，我們常提到冷暖色調，正因為色彩在心理與物理上使人有溫度的感覺，在冷暖色不同的感知下，用戶的感受也會發生變化，正如一般餐飲地點的環節意在營造溫暖的氣氛，多使用暖色調。在用戶界面中也要充分了解用戶群體的體驗需求，不同的群體有不同的需求，對色彩的需求存在差異，色彩感知雖帶有主觀性，但仍有一定的規律可循，比如工程類軟件的用戶界面可能更偏向于冷色;另一方面，色彩具有對比、互補、類似等歸類，造成的視覺體驗都不同，日常生活中出現的警惕符號常常用紅色、黃色等醒目的顏色，加強提示作用，在用戶界面中這一規律同樣適用，再比如：我們需要輸入賬號密碼的登陸界面，“log in”和“log out”非常相似，除了改變單詞本身之外也可以使用對比或互補等合適的顏色將其進行區分。

（三）層級的關系解讀

在用戶界面中，同一類別的文字在字體、字號等方面應是統一的，否則容易引起視覺混淆。視覺的層級關系會影響用戶的使用效率，層級關系也可以用于同一層級中使用頻率層級，如蘋果在“設置”這一層級界面中，按照用戶設置的頻率和類別將不同的功能設置進行分類和排序，讓用戶有更好的體驗。

四、視覺藝術的優化戰略

（一）圖示語言符合邏輯

本文將圖標與文本等歸納稱為圖示，一方面，圖示語言能夠幫助用戶對內容通道進行記憶強化，符合易取性和防錯性原則。用戶在觀察圖標時能夠通過圖標的視覺傳達解讀其功能，結合時代發展的視覺規律對需要感受的信息進行合理的視覺圖形設計，提高用戶視覺查詢的效率和信息識別的正確率;另一方面，圖示也需要考慮其布局，如文本內容的間隔、字體符號等，針對特殊用戶的時，如老年群體，他們可能需要的字符就比普通用戶更大。

（二）色彩表達符合思維

數字化下的視覺藝術起到一種交互作用，能幫助用戶進行分類區別、加強理解等，利用色彩的特性和用戶對色彩產生的心理因素，讓色彩表達符合思維，如在用戶界面中運用過多的小塊色彩會導致用戶產生視錯覺，易引起視覺混淆，設計中要根據不同的目標群體的視覺體驗和需求等對界面中的色彩進行合理應用，達到舒適的視覺體驗。

（三）層級記憶符合感知

對層級的記憶可以加快用戶的使用效率，視覺傳達的信息對層次有指向性作用，利用視覺描述可以減少用戶的記憶負擔，堅持符合易取性和易掃性。其次，同一層級的字體、字符高度統一，符合一致性。

（四）視覺符合用戶習慣

諾曼曾來中國演講，當按了PPT的控制器中朝向前方的箭頭時，PPT頁面返回到了上一張，箭頭在他看來代表前進，但設計者依據的思維是箭頭代表上一張。同樣，黃色在很多地方具有貶義色彩，但在中國是皇族的標志色。因此，不論是圖示的指示還是色彩的運用等在用戶界面設計中要把握目標群體的視覺習慣。

五、結論

在數字發展時代，視覺藝術的功能已經超越了原本對其的定義，用戶界面等包括其他用戶的體驗設計離不開視覺的作用，本文淺析視覺藝術在用戶界面中的作用僅僅是用戶界面中組成部分的分支，希望能引起領域內對視覺在界面設計中的重視，發揮視覺藝術對其的作用。

參考文獻：

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

[2]顧佳文.UI設計中用戶交互體驗的視覺思維[D]中國美術學院，2012

[3]段殳.色彩心理學與藝術設計[D]東南大學，2006

[4]丁蕾.數字媒體語境下的視覺藝術創新[D]南京藝術學院，2013