視覺情感符號在UI設計中的應用

王藝湘 李佳懌

UI設計（或稱界面設計）是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。為獲得用戶的欣賞和認可，用戶界面設計往往需要采用更為簡約、更為平民化的視覺設計風格。簡約并不意味著簡單，平民化也并不代表平庸化。設計師必須不斷提高自己的能力，拓寬自己的視野，才能設計出讓用戶滿意的好作品。視覺傳達是用戶界面設計的最重要的功能。因此，視覺傳達在提高用戶滿意度方面起著重要作用。雖然我國用戶界面設計起步較晚，專業化、標準化有待提高，但許多高校目前都開設了用戶界面課程。隨著我國互聯網技術的飛速發展，用戶界面設計將會越來越受到人們的重視，進而成為一個熱門的職業和工作。

對于網站、手機等各種應用，界面設計直接關系到用戶滿意度、產品經濟效益和未來發展。因此，不斷研究和探索用戶界面設計中的視覺傳達問題，對提高用戶界面設計質量具有重要意義。［1］

一、產品設計情感符號的構成

（一）情感符號在產品設計中的意義

“情感符號”在產品設計中作為一個名詞，是指一個人對周圍環境和自身所抱有的心理和態度。它是對客觀事物屬性的一種特殊反映形式，是受到外界刺激而產生的或積極或消極的心理反應。

就產品設計而言，信息的傳遞是通過傳統的信息編碼來完成的，而情感的表達則必須通過消費者的感受來實現。在產品設計中，情感信息的表達從設計師開始，核心是產品，終點是消費者。

設計師將情感信息融入產品的設計中，產品中所包含的情感信息又會被傳遞給消費者。消費者在面對產品時會產生一系列的心理感受，這種感受是一種審美和情感體驗的過程。在消費者獲得精神和物質滿足的同時，設計師也從消費者的心理感受中獲得靈感，并將其應用于未來的設計中。

從這個過程可以發現，當我們以產品為核心建立情感溝通渠道和聯系時，產品在視覺感受和精神體驗上都會充滿情感，成為一種情感有機體，反映人們的心理感受。［2］

（二）產品設計中的視覺情感符號

從美學角度看，產品設計也是一種視覺藝術，是視覺藝術的產物。因此，產品設計必須從我們能感知到的視覺信息元素開始。就產品設計而言，色彩、結構和功能是產品信息的載體，是可感知的視覺元素，是特定文化背景下消費者認可的產品視覺藝術符號。這些視覺元素包含了美的元素，是美的載體。它能從視覺上喚起人們對產品美的認識，在情感上給人一種美的感覺。因此，必須利用這些視覺感知元素來表達情感，即要充分考慮視覺元素對情感傳遞的影響。

在具體的設計中，要充分考慮兩個方面：一是充分理解視覺與情感表達的關系，二是如何在具體的視覺元素中表達抽象的情感。［3］

（三）產品設計中的圖形情感符號

在產品設計中，圖形符號在信息傳遞方面起著重要作用。設計師通過圖形將情感和思想融入產品，消費者通過圖形語言了解產品的情感內涵。

產品設計中的圖形有三種類型：直接指代、指示和符號。

直接指代的圖形符號，是通過模擬物體和物體的相似性而形成的。指示符號的所指對象與所指符號之間存在時空關系。人們通過所指符號來識別所指，其圖式具有簡明、直觀的特征。符號所指對象與符號在本質上是相似的，但無形的相似性是群體思維同化的結果。

從以上三種類型的圖形概念，加之前面的總結可以知道，這三種類型的圖形通過其隱含意義或間接的方式來表達產品設計的理念，傳達產品的情感，使不同民族和地區、不同文化背景的消費者都能產生屬于自身的感受并了解圖形符號所包含的情感特征。這種了解是個性化的。［4］

二、UI設計的基本內容

用戶界面設計的全名是user interface，主要是指人機交互，使用戶能夠更好地使用其功能和使用各種計算機設備。優秀的用戶界面設計可使用戶在使用過程中感受到界面的實用性和美感。

在設計過程中，需要對網站或軟件的功能、業務流程等相關數據進行適當的處理和歸納，然后通過圖形語言進行圖形化設計。在實際的設計過程中，為了使界面更干凈、更美觀、更易操作、更受公眾歡迎，需要搭配合適的顏色。

三、UI設計與視覺情感設計的關系

通常，用戶界面設計的主要服務對象是用戶。界面設計的所有內容都應以用戶為中心，用戶需求是用戶界面設計的核心。

從界面設計工作和界面設計產品來看，用戶的體驗和需求是界面設計的前提和基礎。視覺需求是用戶需求的一個組成部分。滿足用戶對視覺交互體驗需求的最重要基礎是交互體驗中視覺感知的隱含部分。首先要探討交互體驗中視覺感知的隱含部分，然后將用戶的視覺需求和理解融入用戶界面設計中。設計者在不斷改進和完善用戶界面設計的同時，還應提高對用戶視覺思維和操作習慣的掌握程度，消除因不符合用戶視覺思維和操作習慣而給用戶帶來的不適應感，避免功能與設計的一致性，提高用戶的視覺體驗。［5］

圖1所示的手機界面設計非常簡潔，清楚地傳達了每個軟件的具體功能。界面圖標與其功能具有物理關聯性，比如傳統的電話簿圖標、漫畫圖標對話框、計算器圖標等，用戶一看便知軟件的各自功能。簡潔的界面、大膽的色彩使用、簡單的圖標更容易為用戶所接受。

圖1 手機界面

圖2是雪碧的標識設計。每看到其藍綠色背景，總是有一種清新、氣泡、解渴和呼吸的感覺。以一般直觀的方式向公眾表達當前流行的元素——時尚、現代、簡單。同時，該標識設計還突出了雪碧的“清新”特性，以及它給每個人帶來的樂觀和自信。雪碧品牌標識設計完美融合了品牌推廣的基本功能屬性（清爽藍綠色背景和防渴氣泡）與品牌推廣的基本情感屬性（坦誠、自信）。

圖2 雪碧標識設計

諸多成功設計案例表明，用戶的視覺體驗在用戶界面設計和人機交互的實現和發展中起著重要作用。

四、視覺設計情感風格的應用

人的情感是大腦的一種本能反應，在人們的生活中起著重要的作用。它能快速區分好和壞、安全和危險，為生命安全提供保障。例如，看到美麗、嬌嫩的花朵會感到幸福，看到丑陋、巨大的物體會感到不安全。這些是人在視覺上表現出來的生存本能。視覺抓取的第一印象，在人的主觀判斷中起著非常重要的作用。

如今，人們的社會生活已進入情感消費時代，其需求不再僅僅停留于商品或服務上，以滿足自身的使用需要，而是更注重從使用產品的心理和精神方面獲得更多的愉悅和滿足。也就是說，消費者越來越注重產品外觀、產品顏色等視覺審美。視覺情感設計是運用文字、形狀、色彩、材料等視覺元素，將設計思想和設計情感傳遞給消費者，使消費者通過視覺感知獲得信息的一種創作活動。特別是為了開拓市場，一些企業往往通過產品、銷售點等外部視覺形象，有意識地向消費者展示自己的獨特品質，傳遞自己的個性信息，此時就需要視覺情感設計的介入。

UI設計作為一種實用性與藝術性相結合的審美創造，通過情感活動構建其各種符號元素和符號構成體系。界面設計的符號化表達是情感的符號化表達，情感是界面設計過程中的紐帶。首先，用戶界面設計在復雜的心理活動過程中創造情感符號。人類創造活動的心理因素包括感覺、知覺、表象、記憶、聯想、想象、情感、意志、理解等。用戶界面設計心理活動的主要因素是情感。具體而言，這里的情感是指對用戶界面元素的情感傾向和選擇。有人把由藝術家（設計師）、藝術作品和觀眾組成的情感系統稱為藝術情感。

在如今這個視覺圖像時代，現代圖形設計對信息傳播效果起著決定性作用。圖形的情緒表達是將視覺設計形式的思想、內涵和情緒形式轉化為可理解的信息，傳遞給聽眾。

在UI的設計階段，情感表達使用的是“文字”。美國蘇珊·朗格所說的情感符號，實質上也是指在文體元素中表現點、線、面、塊、色的符號。符號之所以能夠傳達設計者的情感，是因為不同符號的組合狀態具有不同的情感視覺結構。第一，如果沒有設計師對界面元素的心理情感投入和審美選擇，用戶界面視覺力量的影響就無法實現。第二，用戶界面設計中情感符號的表達是一種內在情感張力的表達，是一種“力量模式”。

五、結論

當客觀物質資源的結構與設計者內部情感力量的結構相吻合時，后者能夠接觸現實，感受到異質性和同質性所產生的強烈情感，從而達到愉悅的目的，并有強烈的欲望去創造和表達自己的情感。設計師們常常使用這種“受力方案”來表達自己的情感。設計者一直都需要找到一種與其內在情感力量結構相適應的表達形式來實現設計的情感創造。

蘇珊·朗格將藝術情感的傳遞視為“情感的象征形式”，即藝術是將情感（指一般情感，即人們所能感受到的一切）呈現給人們看，并將其轉化為看得見或聽得見的形式。它是用符號將情感轉化為人類能夠感知的東西——一種與我們的感官、智力和情感生活的動態同構的藝術形式。