設計的影響——色彩和情感指南

已發表: 2022-03-11

見紅。 情緒低落。 嫉妒得綠。

流行的成語表明,人們長期以來一直將顏色與他們喚起的情感聯繫起來。 人們將紅色與憤怒(或慾望)聯繫在一起,藍色與抑鬱聯繫在一起,至少從莎士比亞時代開始,綠色與嫉妒聯繫在一起。 (他在作品中至少三次將綠色與嫉妒相關聯。)

用戶體驗設計師可以利用顏色來產生巨大的影響,以影響人們的情緒以及他們的實際行為。 顏色對人們如何看待設計有著最大的影響,但是太多的設計師沒有花費必要的時間和精力來為他們的項目正確創建調色板。

這會導致大量浪費的精力和調色板,這些都不一定會影響對產品的理想反應。 在最壞的情況下,即使設計的其他所有內容都經過優化,顏色也會讓人厭煩。

有正面和負面的顏色嗎?

有一個普遍的想法,即某些顏色本質上是積極的或消極的。 大多數情況下,暖色(黃色、紅色和橙色)被認為是積極的,而冷色(藍色、綠色和紫色)​​被認為是消極的。

儘管如此,這些關聯並不是硬性規定。 例如,紅色(暖色)可以喚起憤怒或危險的感覺(想想 Holly Golightly在蒂凡尼的早餐中關於“卑鄙的紅色”的獨白),而綠色(冷色)可以喚起成長和新開始的感覺。 這就是色彩心理學和色彩理論如此復雜的原因之一。 似乎有無窮無盡的因素可以影響顏色的感知方式以及它如何影響人類的行為和思想。

文化差異也會對顏色含義產生深遠影響。 在許多西方文化中,白色在很大程度上與純潔與和平有關,但在一些亞洲國家,白色與死亡和哀悼有關。

設計師必須注意他們調色板中的顏色如何相互協調,以及每種顏色如何影響周圍的其他顏色。

顏色的心理影響

暖色往往是充滿活力和活潑的。 它們通常充滿活力,可以為設計增添活力。 暖色不是融入背景,而是在屏幕或頁面上“流行”,並傾向於處於設計的最前沿。

溫暖的配色方案在黑色背景下彈出
Hourly 應用主頁上的紅色和暖米色調色板產生了冷色調無法產生的能量和緊迫感。

暖色需要注意的一件有趣的事情是,三種原色(紅色和黃色)中的兩種是暖色的,橙色是一種輔助色,是兩者的組合。 這意味著在大多數情況下,暖色是純粹的暖色,即原色,不能與其他顏色混合。

冷色比暖色更容易被認為是平靜的。 但是,情況並非總是如此,尤其是因為作為輔助色的綠色和紫色是通過將冷色(藍色)與暖色(黃色產生綠色和紅色產生紫色)相結合而產生的。 這意味著雖然這些色調被認為是“冷色調”,但它們可以呈現出暖色調的一些特徵。

顏色寓意:藍色沉穩值得信賴
Whitetail 杜松子酒網站的平靜藍色給人一種放鬆的印象。

綠色,尤其是更輕更亮的版本,可以與生活和正能量聯繫在一起。 紫色,尤其是當它更亮(如紫紅色)或更亮(如薰衣草)時,可能是一種非常活潑的顏色。

更改色調的值會更改顏色關聯
較亮的值(例如亮紫色和紫紅色)賦予冷色更多能量。

中性色(棕色、棕褐色、灰色、白色和黑色)往往具有與它們結合的顏色的特徵,儘管它們也可以減弱或增強這些效果。 例如,將暖色與白色相結合可以創造出一種看起來更輕(在重量方面,而不僅僅是在整體活力方面)和無憂無慮的設計。 將這些相同的暖色與黑色相結合可以使它們顯得更加強烈和戲劇化。 冷色搭配黑色可以讓它們更加神秘,而搭配白色可以讓它們更加沉穩和放鬆。

顏色對消費者行為的影響

顏色可以影響一個人的情緒或思想,但它也會影響他們的行為嗎?

是的,一點沒錯。

營銷人員長期以來一直依靠顏色來影響消費者採取某些行動。 這就是為什麼商店櫥窗裡用來吸引路人注意力的標誌通常是黃色的,而銷售價格通常用紅色表示。

其中許多選擇更多地基於傳統而不是硬科學,但這反過來又在消費者中產生了期望。 當他們看到紅色的價格時,他們認為他們所看到的任何東西都在打折或清倉。 當他們在窗口中看到黃色標誌時,他們會花一點時間閱讀它,因為他們希望它包含相關信息(黃色是人眼最容易看到的顏色之一,因此它自然會引起注意)。

顏色的心理影響:紅色與銷售有關
ASOS 網站使用紅色來表示銷售價格,向客戶發出信號,表明他們得到了一筆划算的交易。

以下是每種色調如何影響消費者行為的簡要概述(有關使用顏色進行營銷的更多詳細信息,請參見 Suyati 的此信息圖)。

  • 紅色與購買和銷售密切相關。 如果使用過多,它可能會使一些客戶拒之門外。
  • 橙色可用於號召性用語,但如果過度使用也會令人惱火。 這就是為什麼在徽標或強調色之外不經常看到它的原因。
  • 黃色吸引焦點並抓住消費者的注意力。
  • 綠色很容易被人眼處理,因此經常被用來營造一種放鬆的感覺。 它也與金錢和運氣密切相關。
  • 藍色是世界上最受歡迎的顏色,因此它被廣泛用於各種通信中也就不足為奇了。 它還與忠誠度、誠實和權力密切相關,使其成為大公司和更保守行業(如銀行和保險)的企業的熱門選擇。
  • 紫色在美容產品行業中被大量使用,儘管它也被認為與奢侈品有關(比如 Asprey,它甚至將其標誌性香水命名為紫水)。
  • 在營銷中使用黑色通常是複雜和優雅的。 它廣泛用於大多數行業的通信中。
  • 白色通常與清潔有關,因此在醫療保健行業很受歡迎。 由於它與簡單性相關,它也被用於科技行業。
  • 灰色也與簡單有關,營銷人員經常使用灰色來安撫和安撫消費者。

同樣,每種顏色對消費者行為的影響在很大程度上受其使用方式以及內容上下文的影響。

誠聘美國全職自由 UI 設計師

創建情感強大的調色板

許多用戶體驗設計師認為某些顏色“不能”在某些情況下使用。 這種想法已經過時,在現代設計中沒有立足之地。

讓我們看看潘通 2019 年度代表色:活珊瑚橘。 這是一種強烈的色調,許多設計師可能會迴避在很多項目中使用這種色調。 (注意:我並不是為了追隨潮流而提倡加入這個特定的潮流,但這是一個很好的實驗起點。)

畢竟,Living Coral 在銀行網站或銷售男士西裝的網站(雖然是那些可以搖滾珊瑚西裝的男士的道具)上的位置是什麼? 但這裡有可用於各種行業的調色板,其中包含活珊瑚橘,只是為了證明幾乎任何顏色都可以用於設計師想要在正確的環境中使用的任何項目。

不確定這有什麼幫助? 想想那些帶著項目來找設計師並堅持使用特定的“品牌顏色”的客戶,即使這種顏色是可怕的。

以下是四個包含活珊瑚色的調色板示例,適用於各種行業。

顏色和品牌:創意調色板
這個調色板既有趣又時髦。 對於針對兒童或創造性追求的網站來說,這將是很棒的。


企業網站的最佳顏色組合
對於法律、銀行或保險等傳統行業來說,這是一個很好的調色板,但是 Living Coral 的加入讓它更容易接近,並且可以幫助它吸引年輕的觀眾。


設計師的色彩理論:幾乎任何顏色都可以融入品牌
這個調色板更加柔和,對於服裝公司或其他內容應該比設計元素更突出的網站來說非常棒。


顏色的心理影響可能是深遠的
這個調色板感覺傳統(想想科德角的夏天),同時也讓人感覺清新和放鬆。

四種不同的調色板,四種完全不同的感覺。 幾乎可以圍繞任何顏色進行相同類型的實驗。

在設計中加入看似不和諧的顏色的另一種方法是通過添加黑色​​、灰色或白色來改變色調的值。

可以通過添加黑色​​、白色或灰色來更改顏色關聯
左側的亮色可以通過添加(從左到右)黑色、灰色或白色來改變其情感影響。

創建一種更柔和的顏色(添加灰色)會讓人感覺更放鬆。 添加黑色使顏色變暗,給人一種更傳統或保守的感覺。 添加白色來淡化顏色會給他們一種更天真、更平和的感覺。

色彩理論中最容易被忽視的部分之一是設計師相信自己直覺的能力。 顏色是高度主觀的,雖然有一定的指導方針,但它仍然是一個相對未經研究的設計領域。

設計師應該按照自己的直覺嘗試各種調色板和想法,然後進行用戶測試以證明他們的直覺是否正確。 用戶測試、A/B 測試和其他收集有關各種調色板功效的數據的方法對於創建最終設計非常寶貴。

結論

顏色和情感之間的關係是優秀用戶體驗設計最重要的方面之一。 正確的調色板鼓勵人們在網站上或使用設計師希望他們採取的應用程序採取行動,而錯誤的調色板可能會在訪問者採取任何行動之前將其拒之門外。

選擇正確的調色板既是藝術又是科學。 在設計初始調色板時,設計師應遵循他們的直覺以及可用的研究,然後進行測試和重新測試,以確保調色板加強了設計的整體目的。

•••

進一步閱讀 Toptal 設計博客:

  • 可能性範圍:首選 UI 顏色指南
  • 設計心理學和真棒用戶體驗的神經科學
  • 因果——探索色彩心理學
  • 增加用戶參與度的情感設計
  • 顏色在用戶體驗中的作用