顏色的訊息在幾毫秒內傳遞
研究顯示,人們對一個品牌的顏色作出判斷平均只需要 90 秒,而且這 90 秒內,90% 的感受來自顏色而非文字。
這意味著:你選擇什麼顏色,就是在選擇給訪客什麼第一印象。
常見顏色的心理聯想
藍色
心理聯想:信任、專業、穩定、可靠、科技感
常見使用者:銀行、科技公司、醫療、企業服務
適合:你想傳遞「你可以信任我/我們是專業的」的品牌
深藍帶有沉穩、高端感(如海軍藍);
淡藍帶有清新、平靜感;
亮藍帶有現代、數位感。
橘色和黃色
橘色聯想:活力、創意、親切、行動力、飢餓感(這也是為什麼很多速食品牌用橘色)
黃色聯想:樂觀、溫暖、注意力、創意
適合:個人品牌、創意服務、強調行動力和熱情的品牌
注意:黃色在白色背景上對比度不足,要搭配深色文字才有可讀性。橘色 CTA 按鈕通常比藍色按鈕有更高的點擊率,因為它在大多數配色方案中更突出。
綠色
心理聯想:自然、健康、成長、環保、財富(深綠)
常見使用者:健康食品、環保品牌、財務服務、健康照護
不同的綠色有截然不同的感受:飽和的翠綠充滿活力;橄欖綠有復古、自然感;薄荷綠清新、現代。
紅色
心理聯想:緊迫感、熱情、力量、愛、危險(警告)
常見使用者:食品、娛樂、促銷活動、運動品牌
紅色在 CTA 按鈕上的效果視脈絡而定:在某些配色下非常有效,在其他配色下顯得突突的。紅色促銷標籤(「限時」「特賣」)是傳遞緊迫感的經典用法。
黑色和深色
心理聯想:奢華、高品質、精緻、神秘、力量
常見使用者:高端時尚、奢侈品、精品服務、藝術
深色背景的設計傳遞「高端、精品」感,但要注意可讀性和可及性(淺色文字在深色背景上的對比要足夠)。
白色和淺色
心理聯想:簡潔、純淨、空間感、現代、透明
功能性:大量留白讓其他顏色更突出,也讓整體設計更易閱讀
白色背景是大多數資訊型和服務型網站的預設選擇,因為它可讀性最高,視覺干擾最少。
如何為你的品牌選擇配色
步驟一:確認你想傳遞的品牌感受
列出三到五個形容詞,描述你希望訪客對你品牌的感受:
「專業、可信、親切」→ 主色建議考慮藍色或深色系
「活力、創意、年輕」→ 主色建議考慮橘色、黃色或鮮明的色彩
「高端、精品、精緻」→ 主色建議考慮深色、金色或低飽和度的色彩
步驟二:觀察競爭對手的配色
了解你的行業的配色慣例,然後決定是要跟隨(讓自己「看起來是這個行業的」)還是差異化(讓自己在視覺上與眾不同)。
步驟三:建立一個簡單的色彩系統
好的配色系統不需要很複雜:
主色(Primary):代表品牌的核心顏色,用於 logo、CTA、重點強調
輔色/強調色(Accent):搭配主色,用於次要強調和互動元素
中性色(Neutral):用於背景、文字、邊框的灰色或米色系
三種顏色加上黑白,可以應付大多數設計需求,不需要六七種顏色。
可讀性和可及性
顏色選擇還要考慮對比度,這不只是美感問題,也是可及性(Accessibility)要求:
WCAG 標準:普通文字的文字和背景的對比度至少要達到 4.5:1
標題文字(18pt 以上):至少 3:1
使用 Contrast Checker 等工具驗證你的文字和背景顏色的對比度,確保網站對視力較弱的用戶也有良好的可讀性。
顏色沒有「正確答案」,但它有「自洽的邏輯」:你選擇的顏色傳遞的訊息,應該和你的服務、語氣、目標客群一致。