顏色的訊息在幾毫秒內傳遞

研究顯示,人們對一個品牌的顏色作出判斷平均只需要 90 秒,而且這 90 秒內,90% 的感受來自顏色而非文字。

這意味著:你選擇什麼顏色,就是在選擇給訪客什麼第一印象。

常見顏色的心理聯想

藍色

心理聯想:信任、專業、穩定、可靠、科技感

常見使用者:銀行、科技公司、醫療、企業服務

適合:你想傳遞「你可以信任我/我們是專業的」的品牌

深藍帶有沉穩、高端感(如海軍藍);

淡藍帶有清新、平靜感;

亮藍帶有現代、數位感。

橘色和黃色

橘色聯想:活力、創意、親切、行動力、飢餓感(這也是為什麼很多速食品牌用橘色)

黃色聯想:樂觀、溫暖、注意力、創意

適合:個人品牌、創意服務、強調行動力和熱情的品牌

注意:黃色在白色背景上對比度不足,要搭配深色文字才有可讀性。橘色 CTA 按鈕通常比藍色按鈕有更高的點擊率,因為它在大多數配色方案中更突出。

綠色

心理聯想:自然、健康、成長、環保、財富(深綠)

常見使用者:健康食品、環保品牌、財務服務、健康照護

不同的綠色有截然不同的感受:飽和的翠綠充滿活力;橄欖綠有復古、自然感;薄荷綠清新、現代。

紅色

心理聯想:緊迫感、熱情、力量、愛、危險(警告)

常見使用者:食品、娛樂、促銷活動、運動品牌

紅色在 CTA 按鈕上的效果視脈絡而定:在某些配色下非常有效,在其他配色下顯得突突的。紅色促銷標籤(「限時」「特賣」)是傳遞緊迫感的經典用法。

黑色和深色

心理聯想:奢華、高品質、精緻、神秘、力量

常見使用者:高端時尚、奢侈品、精品服務、藝術

深色背景的設計傳遞「高端、精品」感,但要注意可讀性和可及性(淺色文字在深色背景上的對比要足夠)。

白色和淺色

心理聯想:簡潔、純淨、空間感、現代、透明

功能性:大量留白讓其他顏色更突出,也讓整體設計更易閱讀

白色背景是大多數資訊型和服務型網站的預設選擇,因為它可讀性最高,視覺干擾最少。

如何為你的品牌選擇配色

步驟一:確認你想傳遞的品牌感受

列出三到五個形容詞,描述你希望訪客對你品牌的感受:

「專業、可信、親切」→ 主色建議考慮藍色或深色系

「活力、創意、年輕」→ 主色建議考慮橘色、黃色或鮮明的色彩

「高端、精品、精緻」→ 主色建議考慮深色、金色或低飽和度的色彩

步驟二:觀察競爭對手的配色

了解你的行業的配色慣例,然後決定是要跟隨(讓自己「看起來是這個行業的」)還是差異化(讓自己在視覺上與眾不同)。

步驟三:建立一個簡單的色彩系統

好的配色系統不需要很複雜:

主色(Primary):代表品牌的核心顏色,用於 logo、CTA、重點強調

輔色/強調色(Accent):搭配主色,用於次要強調和互動元素

中性色(Neutral):用於背景、文字、邊框的灰色或米色系

三種顏色加上黑白,可以應付大多數設計需求,不需要六七種顏色。

可讀性和可及性

顏色選擇還要考慮對比度,這不只是美感問題,也是可及性(Accessibility)要求:

WCAG 標準:普通文字的文字和背景的對比度至少要達到 4.5:1

標題文字(18pt 以上):至少 3:1

使用 Contrast Checker 等工具驗證你的文字和背景顏色的對比度,確保網站對視力較弱的用戶也有良好的可讀性。

顏色沒有「正確答案」,但它有「自洽的邏輯」:你選擇的顏色傳遞的訊息,應該和你的服務、語氣、目標客群一致。