眾所周知,顏色搭配對用戶的情感傾向和行為具有重大的影響,用戶訪問你的網站,或者使用你的產品時,不同的配色方案可以引起用戶特定的情緒,如熱情,優雅,可愛等。但除此之外顏色還會影響用戶的行為操作,正確的使用顏色,可以提高轉化率,而辣眼睛的配色只能讓用戶扭頭就走,抓著衣角都無法挽留。
不過雖然色彩心理學發展至今,對於每種顏色的搭配都有其既定的含義,而且使用這些經典的配色理論,往往遠遠勝過亂七八糟的配色,但在實際應用中,設計師卻不必拘泥於這些規則,也許規則之外有更好的選擇。
要想打敗敵人,首先要了解敵人,要想打破既有的配色理論,首先要了解它,在色彩中有兩個基本的概念,單個顏色的普遍含義,和顏色組合搭配方案,以下是兩者的簡要介紹,可以幫助你了解或者回顧一下,色彩基本含義。
單色顏色含義
注意,下面這些解讀只是普遍的含義解讀,在不同的文化裡,色彩的含義也會有所差異,而且通常顏色的具體含義會根據使用的場景和周圍顏色而有所變化。
紅色:激情,愛,危險,憤怒
橙色:歡樂,活力,警告
黃色:幸福,樂觀,創造力
綠色:自然,新鮮,成長,金錢
藍色:忠誠,冷靜,誠實
紫色:神秘,皇室,奢華
黑色:神秘,黑暗,力量,力量
白色:安全,清潔,純真
灰色:精緻,優雅,正式,無感情
棕色:自然,牢固,接地
傳統的配色方案
單色:單色(或色相)的不同陰影,色調和色彩。
類比:色輪上彼此相鄰的三種顏色(主色在中間)。
互補色:在色輪上彼此相對的兩種顏色。
分割互補色:主色與與其互補色相似的顏色配對。
Triadic:三色在色輪周圍均勻分布。
四面體:在色輪上彼此相鄰的兩種顏色及其互補色。
正方形:四種顏色均勻分布在色輪周圍。
(色環對應順序是從左到右,從上到下)
在要做這件事情之前,要先考慮為什麼要這樣做,是否因為你所在的行業中,大多數都在使用同樣的配色,而你想做出品牌差異,發視說就是要嘗試一下新的配色,幫助產品帶起一波潮流,你或許還有別的答案,但要記住一點,僅僅是為了打破規則而違反規則,是極難成功的。
最有效的一個例子是關於CTA(商品期貨交易)按鈕的轉換率,傳統的含義中,綠色或藍色按鈕的優先級高於紅色,因為綠色等偏冷色通常代表執行,通過,而紅色往往代表停止或者警告。
但是在Hubspot網站對客戶進行的測試中,他們發現紅色的按鈕比綠色點擊率要高21%,部分原因即在於由於綠色在頁面中的大面積使用,導致紅色反而更突出,這與單色中對紅色的定義剛好相反。
在設計中使用意想不到的配色會讓用戶印象深刻,這是色彩心理學的主要目標,影響用戶的情緒和行為只是其中之一,如果對比一些金融機構的網站,你會發現他們大多使用珠寶色,特別是深綠色和藏青色,,這些都是非常傳統的配色,綠色和藍色分別和代表金錢和誠實(大概跟美元的顏色有關,這就是前面說的文化差異),因此通常都會使用這樣的配色。
但這並不意味著你只能使用這些配色,金融網站Stripe使用的彩色漸變首屏和金融網站的其他首屏配色都不一樣,當然在後面幾屏中也會使用到深藍色,單色許多地方仍用淺藍色或紫色來區分元素,這幾點與傳統的配色有明顯的區別,因此該網站設計可以獨樹一幟。
關於配色原理,有一些經典的理論,如同一個頁面顏色(指色相)不能超過三不包括黑白灰,單色這種規則一直被打破,並且效果很好(好慘一規則)
例如AItuus網站為例,網站同時使用了深藍紫色,淺藍色,黃色,粉紅色,和薄荷綠,以及黑白色,使設計整體看起來生動有趣,非常適合他們社交禮品的業務定位。
使用意外的打破規則的配色時,不要忘記我們的目的是影響用戶對設計的感知以及行為,以達到我們想要的設計目的,即道路不一定只有一條,但目的只有一個。
知圖設計
每天分享一篇國外優質設計翻譯文章,歡迎關注。