詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感發(fā)布者：本站     時(shí)間：2021-12-23 11:12:24

有一段時(shí)間沒(méi)分享一點(diǎn)兒東西了，記得上次與大家分享過(guò)“情感化設計中的手繪應用表現”。今個(gè)再次煽情一下，與大家分享一點(diǎn)關(guān)于色彩情感的那些事兒，可能前部分的色彩介紹大家有了解過(guò)。但任何事情有因有果，所以還是先讓大家了解下關(guān)于色彩的組成和色彩的情感等，再來(lái)簡(jiǎn)單說(shuō)說(shuō)在我們生活中和界面設計中的運用所帶來(lái)的感受，以及人們對色彩的喜好偏差和色彩的決定性作用等等。

一、關(guān)于色彩

1、色彩

色彩，對于人類(lèi)而言，始終屬于自然界最神奇的奧妙之一，永遠都在激發(fā)著(zhù)我們的好奇心和創(chuàng )造力。在我們生活中無(wú)論何時(shí)何地，充滿(mǎn)著(zhù)各種多采多姿的色彩，哪里有光，哪里就有顏色。有時(shí)我們會(huì )認為顏色是獨立的：天空是藍色的、植物是綠色的、而花朵是紅色的。但事實(shí)上，其實(shí)色彩并不會(huì )單獨存在，漂亮的色彩搭配常?？梢宰尞?huà)面更加吸引人你的目光。色彩就像是音符一樣，沒(méi)有某一種顏色是所謂的“好”或“壞”，唯有一個(gè)個(gè)的音符組合起來(lái)才能譜出美妙的樂(lè )章，才能說(shuō)是協(xié)調或者不協(xié)調。

2、色相環(huán)

色相環(huán)告訴我們顏色之間的相互的關(guān)，在很多關(guān)于色彩文章中，都可以看到色相環(huán)的身影，它是我們選擇顏色的一個(gè)強有力的工具。色相環(huán)是指人類(lèi)的肉眼可以辨識的色彩色相所組成的色環(huán)，它由12種基本的顏色組成。包含三原色，即紅、黃、藍，原色混合產(chǎn)生了二次色，即橙、綠、紫，二次色混合產(chǎn)生了三次色。三原色是色相環(huán)中所有顏色的“父母”。在色相環(huán)中只有這三種顏色不是由其它顏色混合而成，在色環(huán)中的位置是平均分布的。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

二、色彩情感

每個(gè)人有自己所喜愛(ài)的音樂(lè )，同樣每個(gè)人也有自己鐘愛(ài)的色彩，每一種顏色都有一種寓意。色彩做為第一視覺(jué)語(yǔ)言，當人類(lèi)初接觸到一個(gè)事物產(chǎn)生第一印象時(shí)，色彩的吸引力往往高于其造型所產(chǎn)生的印象。適當的應用色彩能夠增強畫(huà)面感染力，提升產(chǎn)品印象與感覺(jué)，而不同的色彩常常左右了產(chǎn)品最終給人的感受。

色彩具有象征性，而且色彩的象征性具有區域性，民族性。說(shuō)到象征我們腦海里首先會(huì )蹦出：紅玫瑰象征熾熱的愛(ài)情，黃色總是與富麗，權利地位相連，白色純潔，藍色優(yōu)雅平靜，黑色肅穆，邪惡等。因為顏色具有象征性，所以我們要分場(chǎng)合著(zhù)裝，送禮等。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

色彩能夠快速幫助我們建立用戶(hù)認知： 下面簡(jiǎn)單介紹下三原色給我們帶來(lái)的色彩感受，以及在生活中和設計中的運用。

紅色

紅色是三原色之一，紅色的純度高、注目性高、刺激作用大，是視覺(jué)效果最強烈的色彩。 紅色是中華民族最喜愛(ài)的顏色，甚至成為中國人的文化圖騰和精神皈依，中國人近代以來(lái)的歷史就是一部紅色的歷史，承載了國人太多紅色的記憶。紅色代表著(zhù)平安、喜慶、福祿、康壽、尊貴、和諧、團圓、成功、忠誠、勇敢、興旺、浪漫、性感、熱烈、濃郁、委婉的感受;意味著(zhù)百事順遂、驅病除災、逢兇化吉、棄惡揚善……

在生活中，也隨處可見(jiàn)紅色的存在，由于紅色容易吸引人眼的注意，因此許多警告符號與提示符號都使用紅色來(lái)表示，例如紅綠燈中的紅色表示停止、路邊的維修燈號、車(chē)輛的煞車(chē)燈都使用紅色來(lái)表示警告、提醒行人注意等等。在消防設備、消防栓、滅火器都使用紅色，方便在必要的時(shí)候能夠快速的找到它們。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

紅綠燈、消防栓、滅火器

在網(wǎng)頁(yè)設計中，以紅色為主色的并不多，在大量信息的頁(yè)面里有大量面積的紅色是不易于閱讀的。但若搭配好的話(huà)，也可以起到振奮人心的作用。過(guò)純的紅色容易使人疲勞，引起人的心理反感，所以一般只有在以活動(dòng)節慶為主題的網(wǎng)站中才會(huì )大面積使用純紅色，而在其他主題的網(wǎng)站中，要使用大面積的紅色就需要加白或調暗。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

黃色

黃色屬于色彩三原色之一，是所有色彩中最明亮的色彩。作為暖色調的基準色彩之一，黃色給人一種快樂(lè )、輕快、通透、輝煌、充滿(mǎn)希望與活力的色彩印象，給人一種莊重、高貴、明亮的心理感受。但也由于黃色的明度相當高，黃色很容易受到其他顏色的影響，色相稍微偏紅、綠一點(diǎn)就會(huì )被覺(jué)得是橙色或綠色，明度降低時(shí)就容易被認為是土色，所以某方面而言，黃色是一個(gè)相當難以掌握的色彩。

黃色會(huì )令人想起太陽(yáng)，而且在自然界及人類(lèi)世界中都非常常見(jiàn)。這是一種會(huì )引起人注意的顏色。從大黃蜂到校車(chē)，從交通燈到熒光筆，到處都有醒目的黃色出現。嚴重犯規的足球運動(dòng)員會(huì )被出示黃牌作為警告，而在環(huán)法自行車(chē)賽中穿黃色領(lǐng)騎衫的選手是所有人追逐的目標。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

校車(chē)、足球黃牌

黃色是在網(wǎng)頁(yè)設計配色中使用極為廣泛的顏色之一，它具有明朗愉快的感覺(jué)，在各類(lèi)信息網(wǎng)站中都可以使用。但純黃色很少大面積使用，同純紅色一樣，過(guò)于強烈了，但小面積點(diǎn)綴用得頗多。比如用暗清色的黃與其他色彩的暗清色調和使用，頁(yè)面就會(huì )多一些典雅和奇特的感覺(jué)。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

藍色

藍色屬于色彩三原色之一，它是最冷的色彩，非常純凈，給人一種美麗、寧靜、清潔、理智、安詳與廣闊的感覺(jué)，產(chǎn)生對浩瀚宇宙、萬(wàn)里晴空、碧波海洋的聯(lián)想; 藍色是大海與天空的顏色，在自然界中也非常常見(jiàn)。藍色是永恒的象征，它的種類(lèi)很繁多，每一種藍色又代表著(zhù)不同的政治或其他含義。藍色有著(zhù)勇氣、冷靜、理智、永不言棄的含義，所以許多國家警察的制服是藍色的，警察和救護車(chē)的燈一般是藍色的。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

藍色有沉穩的特性、具有理智、準確的意象，同時(shí)還表示希望。在商業(yè)設計中，強調科技，效率的商品或企業(yè)形象，大多選用藍色當標準色，企業(yè)色，如科技、知識、計算機、企業(yè)、政府、銀行和門(mén)戶(hù)等。藍色還代表了“可信”的心理感受，很多企業(yè)做網(wǎng)站時(shí)都選擇了藍色。騰訊公司官網(wǎng)就是其中之一。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

騰訊公司官網(wǎng)、騰訊客服頁(yè)面、中國建設銀行官網(wǎng)、中國南方航空官網(wǎng)

在生活和設計中還有很多諸如此類(lèi)的色彩運用，比如橙色使人感到成熟的瓜果而產(chǎn)生甜的感受;綠色為植物的顏色，象征著(zhù)生命，傳達出清爽、理想、希望、生長(cháng)的意象，如果將它與藍色、黃色，甚至紅色搭配起來(lái)用于網(wǎng)頁(yè)設計中，則可以給網(wǎng)站增加一絲活潑、輕快的感覺(jué);而紫色給人的情感是高貴、嬌艷與幽雅。色彩種類(lèi)如此之多，在這里就不一 一做詳細說(shuō)明了。

三、色彩情感在界面設計中的一些運用

色彩是我們接觸事物所第一個(gè)感受到的，也是印象最深刻的。睜開(kāi)眼睛，點(diǎn)開(kāi)網(wǎng)頁(yè)，最先感受到的并不是網(wǎng)站所提供的內容，而是網(wǎng)頁(yè)中的色彩搭配所呈現出來(lái)的一種感受，各種色彩爭先恐后地沿著(zhù)視網(wǎng)膜印在我們腦海中，色彩在無(wú)意識中影響著(zhù)我們的體驗和每一次點(diǎn)擊，它暗示了用戶(hù)登入這個(gè)網(wǎng)站所代表的方向與意義。

有看過(guò)網(wǎng)站色彩分析相關(guān)文章的人一定對這類(lèi)圖片不陌生，它把各種知名網(wǎng)站的Logo與CIS系統以色彩分門(mén)別類(lèi)整理。我們發(fā)現，大部分網(wǎng)站以及互聯(lián)網(wǎng)企業(yè)的商標色彩都分布在紅色系以及藍色系附近。因為橘紅色帶給人溫暖、熱情、主動(dòng)的活力感，而藍色則具有可靠、專(zhuān)業(yè)的形象感，可以說(shuō)都是網(wǎng)路公司形象上致力想營(yíng)造出的形象，而藍色系色彩，其實(shí)還具有另外一個(gè)重要的特性。

以下這張是來(lái)自ColorLovers的整理：

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

色彩的喜好偏差：

如上面所講到的色彩帶給人的感受存在著(zhù)客觀(guān)上的代表性意義，但在每個(gè)人的眼里所實(shí)際感受到的色彩存在著(zhù)大大小小的差異。從一個(gè)客戶(hù)網(wǎng)站分析公司KISSmetrics的調查報告圖表中，我們清晰的看到，男性和女性都喜歡藍色和綠色，或許這是自然中最常見(jiàn)的色彩;男性和女性都比較討厭橙色和褐色。而不同的是男性喜歡黑色，而女性則討厭灰色;女性則喜歡紫色，而男性則討厭紫色。因而得知男性和女性對于色彩的喜好度是有所偏差的。所以在選擇配色時(shí)不仿多考慮不同觀(guān)賞者的角度下所呈現的樣子來(lái)做選擇、深入體會(huì )閱讀者的感受。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

色彩能夠在理解和決策階段起到?jīng)Q定性作用：

美國流行色彩研究中心的一項調查表明，人們在挑選商品的時(shí)候存在一個(gè)”7秒鐘定律”：面對琳瑯滿(mǎn)目的商品，人們只需7秒鐘就可以確定對這些商品是否感興趣。在這短暫而關(guān)鍵的7秒鐘內，色彩的作用占到67 %，成為決定人們對商品好惡的重要因素，這就是20世紀80年代出現的”色彩營(yíng)銷(xiāo)”的理論依據。同樣道理，在界面設計中，如果色彩的選擇和搭配恰到好處，可以在段時(shí)間內給新用戶(hù)留下深刻的印象，會(huì )給我們的設計帶來(lái)意想不到的效果。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

色彩能夠決定轉化率的差距：

美國數字營(yíng)銷(xiāo)公司Hubspot曾經(jīng)做過(guò)一場(chǎng)A/B Testing，用于測試不同顏色對于用戶(hù)點(diǎn)擊轉化造成的差異。 在下圖中，左右兩個(gè)測試頁(yè)面在內容上完全一致，唯一不同的是按鈕的顏色，在超過(guò)2000人次的樣本測試中，最終紅色方案的點(diǎn)擊率超過(guò)綠色方案的點(diǎn)擊率足足21%。而在測試之前，大部分的研究員都猜測綠色方案會(huì )獲得更高的點(diǎn)擊，因為就直覺(jué)而言，綠色代表著(zhù)通行、準許通過(guò)的意思，而紅色則更傾向于警告、阻止意味。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

因為紅色具有刺激心血的緊迫感，常出現在清倉場(chǎng)景，而橙色的呼叫意味濃厚，用于創(chuàng )建下訂、購買(mǎi)、出售的行動(dòng)，所以紅色和橙色一般用于購物網(wǎng)站或App的購買(mǎi)和支付按鈕。另外還會(huì )用于一些錯誤提示頁(yè)面，表示警示提醒你注意。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

因為綠色代表著(zhù)安全、通行、準許的意思，可以讓人感到輕松，緩解壓力，所以綠色通常用于開(kāi)始按鈕和下載按鈕，還有成功提示頁(yè)面。

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

手機QQ、QQ音樂(lè )產(chǎn)品下載頁(yè)

詳細解析用戶(hù)體驗設計遇見(jiàn)色彩情感,PS教程,

電腦管家8

所以在設計時(shí)，不能單純憑借自己的喜好去配色，還有很大一部分原因由產(chǎn)品本身的定位以及標準色和整體的色調而決定，另外我們要充分的考慮用戶(hù)使用時(shí)的感受，雖然不能完全滿(mǎn)足所有用戶(hù)，但起碼我們要顧及大部分的用戶(hù)。當然色彩的運用不是限定死的，并非說(shuō)購買(mǎi)按鈕一定用紅色、橙色，而下載按鈕一定用綠色。具體的色彩風(fēng)格需去認真的了解設計需求，跟甲方討論產(chǎn)品的定位與感覺(jué)，比如：穩重、可信賴(lài)、活潑、簡(jiǎn)潔、科技感…等等，了解到客戶(hù)對產(chǎn)品的定位，我們就可以確定如何選擇最合適的色彩方向來(lái)進(jìn)行設計。