視覺情感符號(hào)在UI設(shè)計(jì)中的應(yīng)用

王藝湘 李佳懌

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

對(duì)于網(wǎng)站、手機(jī)等各種應(yīng)用，界面設(shè)計(jì)直接關(guān)系到用戶滿意度、產(chǎn)品經(jīng)濟(jì)效益和未來發(fā)展。因此，不斷研究和探索用戶界面設(shè)計(jì)中的視覺傳達(dá)問題，對(duì)提高用戶界面設(shè)計(jì)質(zhì)量具有重要意義。［1］

一、產(chǎn)品設(shè)計(jì)情感符號(hào)的構(gòu)成

（一）情感符號(hào)在產(chǎn)品設(shè)計(jì)中的意義

“情感符號(hào)”在產(chǎn)品設(shè)計(jì)中作為一個(gè)名詞，是指一個(gè)人對(duì)周圍環(huán)境和自身所抱有的心理和態(tài)度。它是對(duì)客觀事物屬性的一種特殊反映形式，是受到外界刺激而產(chǎn)生的或積極或消極的心理反應(yīng)。

就產(chǎn)品設(shè)計(jì)而言，信息的傳遞是通過傳統(tǒng)的信息編碼來完成的，而情感的表達(dá)則必須通過消費(fèi)者的感受來實(shí)現(xiàn)。在產(chǎn)品設(shè)計(jì)中，情感信息的表達(dá)從設(shè)計(jì)師開始，核心是產(chǎn)品，終點(diǎn)是消費(fèi)者。

設(shè)計(jì)師將情感信息融入產(chǎn)品的設(shè)計(jì)中，產(chǎn)品中所包含的情感信息又會(huì)被傳遞給消費(fèi)者。消費(fèi)者在面對(duì)產(chǎn)品時(shí)會(huì)產(chǎn)生一系列的心理感受，這種感受是一種審美和情感體驗(yàn)的過程。在消費(fèi)者獲得精神和物質(zhì)滿足的同時(shí)，設(shè)計(jì)師也從消費(fèi)者的心理感受中獲得靈感，并將其應(yīng)用于未來的設(shè)計(jì)中。

從這個(gè)過程可以發(fā)現(xiàn)，當(dāng)我們以產(chǎn)品為核心建立情感溝通渠道和聯(lián)系時(shí)，產(chǎn)品在視覺感受和精神體驗(yàn)上都會(huì)充滿情感，成為一種情感有機(jī)體，反映人們的心理感受。［2］

（二）產(chǎn)品設(shè)計(jì)中的視覺情感符號(hào)

從美學(xué)角度看，產(chǎn)品設(shè)計(jì)也是一種視覺藝術(shù)，是視覺藝術(shù)的產(chǎn)物。因此，產(chǎn)品設(shè)計(jì)必須從我們能感知到的視覺信息元素開始。就產(chǎn)品設(shè)計(jì)而言，色彩、結(jié)構(gòu)和功能是產(chǎn)品信息的載體，是可感知的視覺元素，是特定文化背景下消費(fèi)者認(rèn)可的產(chǎn)品視覺藝術(shù)符號(hào)。這些視覺元素包含了美的元素，是美的載體。它能從視覺上喚起人們對(duì)產(chǎn)品美的認(rèn)識(shí)，在情感上給人一種美的感覺。因此，必須利用這些視覺感知元素來表達(dá)情感，即要充分考慮視覺元素對(duì)情感傳遞的影響。

在具體的設(shè)計(jì)中，要充分考慮兩個(gè)方面：一是充分理解視覺與情感表達(dá)的關(guān)系，二是如何在具體的視覺元素中表達(dá)抽象的情感。［3］

（三）產(chǎn)品設(shè)計(jì)中的圖形情感符號(hào)

在產(chǎn)品設(shè)計(jì)中，圖形符號(hào)在信息傳遞方面起著重要作用。設(shè)計(jì)師通過圖形將情感和思想融入產(chǎn)品，消費(fèi)者通過圖形語言了解產(chǎn)品的情感內(nèi)涵。

產(chǎn)品設(shè)計(jì)中的圖形有三種類型：直接指代、指示和符號(hào)。

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

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

二、UI設(shè)計(jì)的基本內(nèi)容

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

在設(shè)計(jì)過程中，需要對(duì)網(wǎng)站或軟件的功能、業(yè)務(wù)流程等相關(guān)數(shù)據(jù)進(jìn)行適當(dāng)?shù)奶幚砗蜌w納，然后通過圖形語言進(jìn)行圖形化設(shè)計(jì)。在實(shí)際的設(shè)計(jì)過程中，為了使界面更干凈、更美觀、更易操作、更受公眾歡迎，需要搭配合適的顏色。

三、UI設(shè)計(jì)與視覺情感設(shè)計(jì)的關(guān)系

通常，用戶界面設(shè)計(jì)的主要服務(wù)對(duì)象是用戶。界面設(shè)計(jì)的所有內(nèi)容都應(yīng)以用戶為中心，用戶需求是用戶界面設(shè)計(jì)的核心。

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

圖1所示的手機(jī)界面設(shè)計(jì)非常簡(jiǎn)潔，清楚地傳達(dá)了每個(gè)軟件的具體功能。界面圖標(biāo)與其功能具有物理關(guān)聯(lián)性，比如傳統(tǒng)的電話簿圖標(biāo)、漫畫圖標(biāo)對(duì)話框、計(jì)算器圖標(biāo)等，用戶一看便知軟件的各自功能。簡(jiǎn)潔的界面、大膽的色彩使用、簡(jiǎn)單的圖標(biāo)更容易為用戶所接受。

圖1 手機(jī)界面

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

圖2 雪碧標(biāo)識(shí)設(shè)計(jì)

諸多成功設(shè)計(jì)案例表明，用戶的視覺體驗(yàn)在用戶界面設(shè)計(jì)和人機(jī)交互的實(shí)現(xiàn)和發(fā)展中起著重要作用。

四、視覺設(shè)計(jì)情感風(fēng)格的應(yīng)用

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

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

UI設(shè)計(jì)作為一種實(shí)用性與藝術(shù)性相結(jié)合的審美創(chuàng)造，通過情感活動(dòng)構(gòu)建其各種符號(hào)元素和符號(hào)構(gòu)成體系。界面設(shè)計(jì)的符號(hào)化表達(dá)是情感的符號(hào)化表達(dá)，情感是界面設(shè)計(jì)過程中的紐帶。首先，用戶界面設(shè)計(jì)在復(fù)雜的心理活動(dòng)過程中創(chuàng)造情感符號(hào)。人類創(chuàng)造活動(dòng)的心理因素包括感覺、知覺、表象、記憶、聯(lián)想、想象、情感、意志、理解等。用戶界面設(shè)計(jì)心理活動(dòng)的主要因素是情感。具體而言，這里的情感是指對(duì)用戶界面元素的情感傾向和選擇。有人把由藝術(shù)家（設(shè)計(jì)師）、藝術(shù)作品和觀眾組成的情感系統(tǒng)稱為藝術(shù)情感。

在如今這個(gè)視覺圖像時(shí)代，現(xiàn)代圖形設(shè)計(jì)對(duì)信息傳播效果起著決定性作用。圖形的情緒表達(dá)是將視覺設(shè)計(jì)形式的思想、內(nèi)涵和情緒形式轉(zhuǎn)化為可理解的信息，傳遞給聽眾。

在UI的設(shè)計(jì)階段，情感表達(dá)使用的是“文字”。美國(guó)蘇珊·朗格所說的情感符號(hào)，實(shí)質(zhì)上也是指在文體元素中表現(xiàn)點(diǎn)、線、面、塊、色的符號(hào)。符號(hào)之所以能夠傳達(dá)設(shè)計(jì)者的情感，是因?yàn)椴煌?hào)的組合狀態(tài)具有不同的情感視覺結(jié)構(gòu)。第一，如果沒有設(shè)計(jì)師對(duì)界面元素的心理情感投入和審美選擇，用戶界面視覺力量的影響就無法實(shí)現(xiàn)。第二，用戶界面設(shè)計(jì)中情感符號(hào)的表達(dá)是一種內(nèi)在情感張力的表達(dá)，是一種“力量模式”。

五、結(jié)論

當(dāng)客觀物質(zhì)資源的結(jié)構(gòu)與設(shè)計(jì)者內(nèi)部情感力量的結(jié)構(gòu)相吻合時(shí)，后者能夠接觸現(xiàn)實(shí)，感受到異質(zhì)性和同質(zhì)性所產(chǎn)生的強(qiáng)烈情感，從而達(dá)到愉悅的目的，并有強(qiáng)烈的欲望去創(chuàng)造和表達(dá)自己的情感。設(shè)計(jì)師們常常使用這種“受力方案”來表達(dá)自己的情感。設(shè)計(jì)者一直都需要找到一種與其內(nèi)在情感力量結(jié)構(gòu)相適應(yīng)的表達(dá)形式來實(shí)現(xiàn)設(shè)計(jì)的情感創(chuàng)造。

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