運用色彩學，讓品牌設計更貼近文化與大眾

2023/09/19閱讀時間約 6 分鐘

在我們的生活中，無處不見色彩的存在。然而，色彩不僅僅與藝術美感相關，它還能影響和反映出我們的心理情緒和生理狀態，並因文化差異而產生不同的聯想。色彩理論、色彩意義和色彩模式的研究領域，幫助我們為作品選擇最合適的配色方案。因此，在廣告設計、室內裝潢等領域，色彩的選擇都扮演著至關重要的角色，背後蘊含著色彩心理學的影響，也稱為色彩療法（Chromotherapy）。藉由深入了解色彩的力量和影響，我們可以更好地平衡設計，使之達到更好的視覺效果和心理感受。

色彩心理學的運作機制

色彩心理學研究了色彩如何影響人們的感知和行為。當我們看到一種顏色時，我們的眼睛會向大腦的下視丘傳遞訊息，然後進一步向腦下垂體發送信號，最後影響到甲狀腺腺體的激素釋放，進而影響我們的情緒、情感和行為。色彩引發情緒，這可能導致消極、積極或不協調的感覺。而客戶在觀看產品時，從形成評價到總結觀點的時間只需要90秒，其中產品的顏色與設計對於在主觀評比中佔62-90%的項目。這些都說明了色彩是產品使人建立第一印象的關鍵。

選擇適合的色彩

每一種顏色對每個人來說都有特定的含義，但這種含義因個人偏好和文化背景而異。可以參考以下的色彩圖表：

_{圖片來源: Mailjet}

色彩心理學受人的知覺(sensation)與感覺(perception)的影響，社會、文化與生活環境會影響產品設計的整體評價，並非只是單純的色彩條配。而人的性別與年齡同樣會影響顏色的喜好。研究發現，顏色帶來的影響不只是顏色本身，還會使客戶對於品牌的體驗有不同的評價。

例如，在下面的圖像中，在了L'Oréal巴黎公司的網站上。沉著的粉膚色和照片中的大地色展示出優雅和成熟，幫助人們感受到產品並不廉價，而是有品質的產品。

此外，以suqqu的視覺設計為例，白色用於文字，表示現代和平靜的感覺，而霧藍色有低調、典雅和女性化的象徵，這些特質在這樣的網站上顯然是相當合適的。

然而，有時選擇色彩並不總是那麼直接。在考慮色彩心理學時，重要的是要考慮所有顏色作為整體的效果，以及它們彼此之間的和諧性，而不僅僅是挑選一個顏色，然後希望它能與背景、文本和按鈕等其他元素相融合。

色彩方案的選擇

在設計中，很少會只使用一種顏色（除非你打算完全單色），因此你應該考慮整體的色彩方案以及每種顏色本身，以及它們如何與其他顏色相互配合。還要考慮用戶的反應以及輔助顏色與主要顏色的搭配。
在這方面，你可以參考三種基本的顏色搭配方法：

_{圖片來源: Unlayer}

1. 三色搭配法：這是最基本、平衡的方法，使用顏色的明亮度和互補性。使用12步色彩輪，你可以選擇任何三種顏色，這三種顏色彼此間的角度為120度，用於背景、內容和導航。

2. 複合搭配法（分割互補）：第二種方法更加複雜，你可能需要進行多次實驗才能搞清楚，但如果做得好，它會非常有效。這種方法使用四種顏色——兩種對比色（在色彩輪上相鄰的顏色）和兩種互補色（在色彩輪上相對的顏色）。

3. 類似搭配法：這種方法僅關注互補色，你應該仔細考慮你希望這種方案向用戶傳遞什麼信息。由於它強調了選擇顏色的鮮艷程度，可能會因為顏色的過度渲染而變得過於搶眼。除了選擇色彩，設計師還需要關注色彩搭配的對比度，特別是當用戶可能有色盲或色覺障礙時。在這方面，有一些工具可以幫助你選擇適合的顏色，比如Adobe Color CC、Paletton、Flat UI Color Picker、Mudcube Color Sphere等等。

文化對色彩賦予的意義

_{圖片來源：The Economic Times}

色彩意義除了年齡和性別，另一個影響色彩偏好的因素是我們的文化背景。查看不同顏色的含義。這非常重要，因為不同的顏色在不同的國家有不同的含義。例如，在中國和印度，紅色是婚禮的顏色；而在南非，紅色是悼念的顏色。因此，紅色是與多種文化中的情感激烈相關聯的顏色，但所連結的事件在意義上有所不同，如婚禮和死亡，因此不同文化背景的人在看相同的顏色產生不同的情感。而白色在很多民族中都有喪禮的象徵意義，如俄語稱病人為“белый＂（白色的），健康的人則為“красный＂（紅色的）。因此，在選擇目標受眾時，可以參考以下的圖表，選擇合適的顏色。

學習通過實例

有成千上萬的網站運用色彩效果非常出色，同時也有很多網站未能運用得當。在這方面，我們來看一個贏得awwwards網站的例子，這個例子很容易理解為什麼會獲獎。

Calamigos Ranch網站背景白色，整體視覺是黑白與大地色調。簡單的設計和大字體非常有效傳達最重要的資訊。照片中新人的穿搭色能銜接網頁布局的其他顏色，讓整體的版面顯得簡約有質感，隨著頁面滑動，以淺土色與淡灰色區塊不僅讓頁面顯得生動，也能有效區別資訊內容。此外，圖片與資訊錯落有致的擺放方式，不僅能讓頁面看起來活潑，也不會錯過重要的資訊。

_{圖片來源：Calamigos Ranch}

參考Moooi網站，網站運用動畫結合產品，既有現代感又能讓客戶對於產品有完整的想像。網站區塊配置簡約，而動畫與產品搭配一起的呈現方式，提升了更高的價值與科技感，既不是面向特定性別的，還能有效傳達設計師的設計理念與故事。產品不再只是死板的圖片陳列，還能建立鮮明的品牌印象，在競爭的市場中，展現品牌獨特的價值。

_{圖片來源：Moooi}

整體視覺看來，Moooi的網頁給人一種精緻高級的現代城市生活感。

結論

色彩在設計中起著舉足輕重的作用。通過色彩心理學的運用，設計師可以選擇合適的顏色來傳遞特定的訊息，並對用戶產生強烈的第一印象。了解不同顏色的含義、年齡、性別和文化等因素對顏色感知的影響，幫助設計師制定適合目標受眾的色彩方案。在進行色彩設計時，設計師應選擇色彩搭配方法，如三色搭配、複合搭配和類似搭配，來確保色彩之間的和諧性。同時，設計師應注意對比度，以確保色盲或色覺障礙的用戶也能正確感知內容。選擇合適的色彩需要仔細考慮品牌個性、品牌故事和目標用戶，而不僅僅是個人偏好。使用各種工具和實例來幫助選擇適合的顏色，能夠提高設計的效果，創造出引人入勝的用戶體驗。設計師應該不斷學習，不斷優化色彩運用，以實現設計的成功。