李南南 （湖南工業(yè)大學(xué) 412000）

光的反射產(chǎn)生了色彩，光是產(chǎn)生此自然現(xiàn)象的原因。色彩是人體視覺(jué)認(rèn)知的結(jié)果，人類對(duì)色彩產(chǎn)生認(rèn)知過(guò)程：經(jīng)過(guò)一個(gè)光線傳播到物體表面再反射到眼睛的過(guò)程。據(jù)調(diào)查結(jié)果顯示在信息傳遞的過(guò)程中，人對(duì)事物或者信息的感官知覺(jué)第一是色彩，之后是形體，剛接收到信息的二十秒中，人對(duì)色彩感知是80%，對(duì)形體的感知是20%。色彩是除了形體以外最能直接刺激人心理的一種感官形式。人的心理因素受色彩的影響很大，由色彩帶來(lái)心理的聯(lián)想和反應(yīng)，這就是我們所說(shuō)的色彩心理。在UI設(shè)計(jì)當(dāng)中，如何在最短的時(shí)間內(nèi)吸引用戶群體，這就需要利用色彩對(duì)消費(fèi)者產(chǎn)生的心理效應(yīng)。讓產(chǎn)品在第一時(shí)間贏得與消費(fèi)者之間的心理認(rèn)同，讓消費(fèi)者感受到使用產(chǎn)品時(shí)的舒適度。這是在UI設(shè)計(jì)中最值得關(guān)注的問(wèn)題。

一、色彩心理

《文心雕龍》中的“物色之動(dòng)，心也搖焉?！毙蜗蟮拿枥L出了色彩對(duì)人心理產(chǎn)生的影響。人的視覺(jué)感官受到色彩刺激以后，產(chǎn)生對(duì)色彩的感知和聯(lián)想并在大腦形成相應(yīng)的情緒，使人產(chǎn)生喜怒哀樂(lè)。這是人們通過(guò)對(duì)色彩的聯(lián)想而產(chǎn)生的情感反應(yīng)。比如看到紅色會(huì)想到國(guó)旗和熱情，看到黃色會(huì)想到太陽(yáng)和溫暖，看到藍(lán)色會(huì)想到藍(lán)天和寒冷等，人的主觀心理感受往往受色彩心理的影響。

我們通常把色彩分為冷色系和暖色系，這種對(duì)冷暖的物理反應(yīng)取決于人們受色彩的刺激而帶來(lái)的心理效應(yīng)。比如看到紅色 橙色 黃色會(huì)感覺(jué)溫暖和激情，看到白色 藍(lán)色 灰色會(huì)覺(jué)得寒冷和平靜。在醫(yī)療界面當(dāng)中一般采用藍(lán)色，藍(lán)色可以給病人帶來(lái)平靜和安全，給人放松的感覺(jué)。在UI設(shè)計(jì)中關(guān)注色彩聯(lián)想帶來(lái)的心理反應(yīng)，便于抓住消費(fèi)者的心理特征，拉近消費(fèi)者與產(chǎn)品之間的情感聯(lián)系。

二、色彩心理在UI設(shè)計(jì)中的原則

色彩心理在UI設(shè)計(jì)中要遵循易用性、可視性和整體性三個(gè)基本原則。

第一易用性原則：用戶使用界面過(guò)程中快速了解及其操縱方式的舒適度和便捷性，符合人的行為方式和使用習(xí)慣。UI設(shè)計(jì)的界面色彩一定要符合用戶的操作習(xí)慣和審美，不同的用戶對(duì)界面理解能力是不同的，但界面色彩的設(shè)計(jì)能幫助用戶掌控界面操作邏輯。如果色彩搭配不合理，用戶在使用時(shí)存在疑問(wèn)，那么會(huì)降低用戶對(duì)產(chǎn)品的信任度，進(jìn)而影響使用頻率。

第二可視性原則：界面上內(nèi)容和操作方法通過(guò)直觀認(rèn)識(shí)的視覺(jué)形式表現(xiàn)出來(lái)，一目了然，減少記憶負(fù)擔(dān)?？梢曅躁P(guān)乎著用戶使用過(guò)程中的心情，界面色彩應(yīng)用合理會(huì)讓用戶便捷輕松，不假思索，直觀清晰的使用產(chǎn)品，增強(qiáng)用戶對(duì)產(chǎn)品的好感度。

第三整體性原則：目標(biāo)統(tǒng)一、視覺(jué)統(tǒng)一、交互性統(tǒng)一保證UI設(shè)計(jì)的整體性。界面的整體性關(guān)乎整個(gè)界面，利用色彩心理讓各個(gè)組織部分以用戶為目標(biāo)，形成統(tǒng)一的視覺(jué)表現(xiàn)，從而幫助用戶整理操作邏輯，完成一套完整的交互體驗(yàn)。

圖1 支付寶APP界面

三、色彩心理在UI設(shè)計(jì)中的作用

（一）色彩心理影響界面風(fēng)格

有句名言說(shuō)：“你絕無(wú)第二次給人第一印象的機(jī)會(huì)?！苯缑娴纳适钱a(chǎn)品給用戶的第一印象，是最能夠代表產(chǎn)品風(fēng)格的視覺(jué)元素。色彩的選擇、搭配、運(yùn)用必須與用戶的色彩心理效應(yīng)保持一致，做到界面整體風(fēng)格與用戶心理相協(xié)調(diào)。UI界面中利用色彩心理效應(yīng)，統(tǒng)一搭配、分配比例、引導(dǎo)目標(biāo)、對(duì)提升整個(gè)界面的使用度和美觀度有重要意義，有助于用戶理解和使用產(chǎn)品，同時(shí)對(duì)于宣傳產(chǎn)品自身的形象起到積極作用。

界面設(shè)計(jì)過(guò)程中要先確定一個(gè)主色，主色決定了界面整體風(fēng)格。主色往往體現(xiàn)產(chǎn)品特征與用戶特性，確定主色受很多因素影響，比如行業(yè)、年齡、個(gè)人愛(ài)好等。主色的運(yùn)用要與目標(biāo)人群保持一致性，在界面中必須先確定一個(gè)主色然后加入一些輔色。輔色是除主色外在界面中最常見(jiàn)的顏色，在UI中一般強(qiáng)調(diào)關(guān)鍵部分，比如導(dǎo)航欄 按鈕等。主色與輔色合理搭配，形成均衡和諧的界面風(fēng)格，給用戶舒適的心理感受。圖1中，支付寶以藍(lán)色作為產(chǎn)品的主色，藍(lán)色聯(lián)想到安全和平靜，給人信賴感，這適合了支付寶交易平臺(tái)的產(chǎn)品特性。藍(lán)色作為支付寶的界面的整體風(fēng)格與支付寶的形象相一致，既滿足功能又適合用戶的情感需求，通過(guò)色彩心理向用戶傳遞安全和信賴的品牌理念。同時(shí)在主色中融入一些紅色做點(diǎn)綴，用來(lái)提醒用戶一些有關(guān)信息的更新。主藍(lán)色和輔紅色相互協(xié)調(diào)對(duì)比，形成一種呼應(yīng)的界面風(fēng)格。

（二）色彩心理影響用戶心理

英國(guó)心理學(xué)家格里高利?拉茲蘭說(shuō)：“顏色知覺(jué)對(duì)于我們?nèi)祟惥哂袠O其重要的意義——它是視覺(jué)審美的核心，深刻地影響我們的情緒狀態(tài)?！苯缑娴纳蚀钆鋾?huì)直接影響用戶的審美和使用情緒。在UI設(shè)計(jì)中，我們要根據(jù)用戶心理來(lái)選擇合適的色彩元素，把握用戶的色彩心理，讓用戶在對(duì)產(chǎn)品產(chǎn)生認(rèn)同感、提升好感度。界面色彩和用戶的心理效應(yīng)相結(jié)合，能夠幫助用戶在第一時(shí)間便捷輕松的使用產(chǎn)品，營(yíng)造用戶心理認(rèn)同感。

圖2中美顏相機(jī)采用粉紅色為產(chǎn)品的主色，粉紅色代表少女心，美顏相機(jī)的目標(biāo)使用人群為年輕女性。采用粉紅色的少女心強(qiáng)調(diào)目標(biāo)用戶的審美傾向性，讓年輕女性產(chǎn)生心理認(rèn)同感和信任感。界面采用粉色系ICON，在一定程度上給用戶營(yíng)造一種親切的心理暗示和身臨其境的視覺(jué)感受。區(qū)域顏色的分割塊面分明，簡(jiǎn)潔明了，幫助用戶更好的理解產(chǎn)品本身，讓用戶使用時(shí)事半功倍。利用色彩心理快速的抓住用戶心理特征，從而更快的吸引用戶群體。圖3是淘寶APP在雙十一時(shí)的界面，界面大量使用紅色的圖標(biāo) 按鈕等。紅色代表激情和刺激，這樣就給消費(fèi)者一種搶購(gòu)的心理暗示，激發(fā)消費(fèi)者的積極性和購(gòu)買欲望，抓住用戶的心理效應(yīng)而達(dá)到促銷的目的。

圖2 美顏相機(jī)APP界面

圖3 淘寶APP界面

（三）色彩心理提升用戶體驗(yàn)

首先在UI界面中色塊分配和顏色搭配都給用戶在使用過(guò)程中帶來(lái)便捷的交互體驗(yàn)。醒目的色塊提醒用戶使用過(guò)程中信息不被遺漏；顏色的搭配幫助用戶在復(fù)雜界面中歸納信息。這都使用戶的操作邏輯更加的清晰，快速的找到自己的需求。其次界面設(shè)計(jì)的背景一般采用顏色較淺的色調(diào)，讓人感覺(jué)整個(gè)軟件更加清新柔和；而突出功能的顏色比背景深，通過(guò)心理感受幫助用戶找到界面上的重點(diǎn)，幫助用戶最輕松最直接的識(shí)別重要信息點(diǎn)，同時(shí)達(dá)到色彩的視覺(jué)平衡。這樣協(xié)調(diào)搭配能夠穩(wěn)定界面色彩，增強(qiáng)用戶心理上的親切感和使用頻率。通過(guò)色彩心理達(dá)到提升用戶體驗(yàn)的目的。

圖4美團(tuán)界面中不同顏色的搭配代表不同功能的分類，用戶通過(guò)對(duì)色彩的心理效應(yīng)快速的找到自己需要的功能。左邊藍(lán)色色塊把所有類別集合，這能夠幫助用戶在復(fù)雜的界面中找到需要的信息，形成清晰的操作邏輯，節(jié)約用戶時(shí)間，提升用戶體驗(yàn)。

圖4 美團(tuán)網(wǎng)頁(yè)版界面

四、結(jié)論

科學(xué)發(fā)展的今天，智能化設(shè)備充斥著生活的方方面面，數(shù)字化產(chǎn)品功能的同質(zhì)化，導(dǎo)致用戶關(guān)注使用產(chǎn)品過(guò)程中的用戶體驗(yàn)，注重心理暗示，心理暗示直接來(lái)源是色彩的視覺(jué)元素。在此基礎(chǔ)上色彩心理成為影響UI設(shè)計(jì)的重要因素，這使得更多的設(shè)計(jì)師去關(guān)注色彩心理在UI設(shè)計(jì)中的應(yīng)用與傳達(dá)，注重界面的用戶體驗(yàn)、操作邏輯、人機(jī)交互。合理的運(yùn)用色彩心理不僅幫助用戶更好的理解與使用產(chǎn)品，而且也為設(shè)計(jì)師開(kāi)闊新的設(shè)計(jì)思路。色彩心理給UI設(shè)計(jì)帶來(lái)無(wú)法代替的視覺(jué)傳達(dá)方式。

[1]陳葉，周紅生.設(shè)計(jì)心理學(xué)[M].合肥：安徽美術(shù)出版社，2015：84-95.

[2]繆夢(mèng)玉.以用戶體驗(yàn)為中心的UI設(shè)計(jì)視覺(jué)表現(xiàn)研究[D].天津：天津理工大學(xué)，2015.

[3]肖維琦.探討藝術(shù)設(shè)計(jì)中色彩心理的應(yīng)用[J].現(xiàn)代裝飾（理論），2014，（2）：94-95.