[電事]專文:網站UX設計不能不知的顏色心理學

本文作者是羅玉珠,TeSA媒體編輯,心理系學生,喜愛消費者心理學。

人在購買東西時會牽動到身體的各種感覺器官,像視覺、觸覺、嗅覺等等。大腦接收到感覺器官傳來的刺激,然後激發腦中相關的各種有意識或潛意識的記憶,產生不同的感受。進而消費者會把產生的這些感受與當下所看到的東西連結,然後決定要不要購買。

在身體的感覺器官中,最直接、最簡單粗暴能帶來刺激的要屬視覺了。視覺能給人帶來最直觀的感受,傳達的情感衝擊是最大的。而所有視覺元素裡面作用最大的就是顏色。

簡單總結就是:商品顏色產生刺激-刺激激發感受-感受與商品連結-因感受的好壞決定是否購買。

色彩感覺

在物理上,色彩以可測量的方式分為色相、純度和明度這3個視覺屬性。除此之外還有色彩冷暖感、色彩輕重感、色彩軟硬感、色彩的視認性和誘目性以及前進色、後退色等。

Ø  視認性和誘目性

視認性是指在某種底色上對其他顏色的圖形或文字的辨識程度,即能不能讓人看清楚。誘目性是指一種顏色能不能引起人的注意。配色的視認性和誘目性對消費者的影響很大。在電商網頁上,你可以利用這些這些法則來突出要強調給顧客的訊息。但是要注意視認性高的不一定誘目性高,反過來也一樣。舉個典型的例子,我們平常看書時會用黃色螢光筆畫重點,在電腦上一般也會默認用黃色做醒目色。可是當你用黃色寫字時,有沒有發現幾乎是看不清楚的?偏偏有些商家以為黃色能吸引人,在寫商品文案的時候會把一些重點文字用黃色來寫,哪知別人根本就看不到。因為我們平常一般看文字的底都是白色,白底黑字的視認性是最低的。我們會用黃色來畫重點是因為黃色的誘目性高。

一般情況下,白色背景上視認性高低的色彩順序為:紫色-青紫-藍色-青綠色-紅色-紅紫色-黃綠色-橙色-黃色。

不同底色搭配圖形的清晰度排名(1為最高)


圖/作者提供

誘目性的高低一般來說,先顏色的誘目性較高。有彩色比無彩色誘目性高,純度高的暖色比純度低的冷色誘目性高,明度高的色比明度低的色誘目性高。

Ø  色彩冷暖感和輕重感

色彩的冷暖有物理因素,也有來源於我們對生活中事物的聯想。放到人的感覺上,我們一般是從生活事物的聯想來探討。太陽、火是紅色,所以我們看到紅色、橘色就覺得溫暖。海洋、雨雪讓人涼爽,所以看到藍色就會有冷的感覺。選品時可以利用這些特點決定商品要用什麼顏色:需要給人以涼爽感覺的產品,比如冰箱、電商,就宜用冷色系;需要給人帶來溫暖的,像電暖爐、保暖手套,就應該用暖色系。
色彩輕重感也一樣來自於我們的生活。空氣、棉花、雪花等的色彩感覺輕,所以白色、淺藍、淺黃、淡綠就讓人感覺輕;鋼鐵、岩石、泥土等的色彩感覺重,因此黑色、棕色、深紅、土黃等就是重的色彩。運用到產品上,就可以依照你的產品想給人什麼感覺來選色彩。

消費者的色彩心理因素

Ø  現在一般的商業模式在給商品定位時,要考慮目標客群(TA)是哪些。自家商品的色彩計畫也一樣要考慮到目標客群的因素,像這樣⬇⬇⬇

圖/天才小熊貓微博

大家懂了嗎?

所以說,在給自家商品做色彩定位時要充分考慮消費者心理因素。目標客群是什麼年齡、性別?當下人們普遍偏好哪種類型的顏色?像老式的iMac出的時候,就有五彩繽紛各種糖果色。那個年代正是商品開始走向多元的時候,所以這些多彩的顏色非常被人喜愛,市場上也開始掛起彩色旋風。但隨著社會發展,今天的人們更加強調質感、效率,可以看到以apple為主的很多電子產品公司都會採用黑白灰、冷酷的色調。

另外,做跨境電商的朋友還要注意文化和宗教的影響。外貿商品,要先瞭解一下那個國家的人喜歡什麼什麼顏色(看他們國旗可以大概猜出來),忌諱什麼顏色。比如,黃色在東南亞和歐洲是表示尊貴的顏色,在美國也是代表積極活躍而被廣泛運用。但這在日本就行不通了,因為黃色在日本代表著遭殃、倒霉、死亡。所以以黃色為主調包裝的百事可樂剛到日本時根本賣不動,各種滯銷,知道後來改變了色彩戰略才好轉。

色彩的形象

Ø  紅色幫助提高購物情緒

前文有提到,我們對色彩的感覺來源於生活事物的連結。但也有人提出這是深植在我們既因中的一部分。有心理學的認知實驗證明了,小嬰兒都更喜歡紅色的東西,而男生們最敏感的也是紅色。為什麼呢?紅色是血的顏色,有血就意味著暴力、衝動、殘殺,這些我們天生會感到敏感的詞語,與紅色相關,於是紅色就被賦予了衝動、擴張、警示的意涵。所以平常各位業者如果要進行促銷、加購的活動,可以嘗試把資訊的主色調用成紅色,給人衝動、緊張的感覺,讓消費者即刻購買。

Ø  色彩形象表

色彩的形象意涵運用的範圍非常廣。除了產品選擇、網頁背景配色,好的色彩計畫更是企業創作商標、建立品牌形象的必備良藥。

以下為Kobayashi等人整理出的色彩形象尺度表,供大家參考。這個表以橫軸代表冷暖,縱軸代表軟硬把顏色分成不同類型的集合。若你心目中已經對產品有定位了,可以來查查看相符的顏色有哪些;若你已經有喜歡的顏色,也可以來看看它有什麼含意,以便做出更好的決定。

圖/Color Image Scale

★ 延伸閱讀:[電事]周松穎專文:電商新手脫離殺價割喉戰做法分享

★ 本文特色圖片來源:Pixabay、作者製、天才小熊貓微博、Color Image Scale

★ 責任編輯:老李

歡迎加入TeSA的LINE@帳號,共同關注電商、創業領域的最新資訊!

歡迎關注TeSA的LINE@帳號

好友人數

相關文章