淺析色彩心理在UI設(shè)計中的應(yīng)用

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

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

一、色彩心理

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

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

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

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

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

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

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

圖1 支付寶APP界面

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

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

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

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

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

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

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

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

圖3 淘寶APP界面

（三）色彩心理提升用戶體驗

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

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

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

四、結(jié)論

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

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

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

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