色彩是網站情緒表達與性格特徵體現，每種顏色有專屬聲音。作為視覺元素，色彩能第一時間抓住訪客。從色彩本質、搭配形式、心理暗示三維度，讓色彩幫設計師說話。

一、色彩三大要素

• 色相：紅橙黃綠青藍紫漸變光譜，兩端暖/冷色，中間中性色。

• 明度：色彩明暗差別（深紅/大紅/粉紅）。

• 飽和度：色彩鮮豔程度/純度。

二、不可思議的色彩魔力

1. 色彩影響情緒與時間感知

快餐店桔黃/紅色系 → 心情愉悅增進食慾，但令人覺得時間漫長、煩躁，不適合等人。實驗：紅色房間 40-50 分鐘體感 1 小時；藍色房間 70-80 分鐘仍未出來。紅色干擾時間感，高血壓忌紅。潛水藍色世界麻痺時間感，氧氣瓶 40-50 分鐘體感僅 20 分鐘。（資料來源《每天懂點色彩心理學》）

2. 聽見色彩的聲音：八大色彩性格標籤

• 黃：青春、樂觀、豁達 → 點睛之筆
• 紅：活力、速度、緊迫感 → 促銷打折
• 藍：信任、安全、有底蘊 → 企業、銀行、安全中心
• 綠：生命力、輕鬆、天然、無污染 → 保健品
• 橙：積極、進取、活力 → 阿里巴巴色，喚起行動（按鈕常用）
• 粉：浪漫、女人 → 女性消費/產品
• 黑：影響力、時髦、嚴肅 → 奢侈品行銷
• 紫：安撫、冷靜、神秘 → 美妝/抗老女性產品

腦力激盪聯想遊戲，精準定位頁面風格，用顏色闡述產品。

3. 色彩與營銷、品牌

特定行業有相似色彩傾向；知名品牌 Logo 傾向同色系色調。

三、Banner 色彩搭配四大模式

• 單色搭配：同色相不同明度，層次感強。

• 近似色搭配：色環相鄰 2-3 色（橙/褐/黃），低對比、和諧賞心。

• 互補色搭配：色環相對色（紫/黃），強對比傳遞能量/興奮，一多一少最佳。

• 分裂互補色：互補+類比結合（紅字在綠藍背景），兼具和諧與重點，紅字鏗鏘有力。

• 原色搭配：兒童產品/歐美流行，色彩明快（藍紅、Flickr/麥當勞 Logo）。

四、精準定位色彩：Mood Board 情緒板流程

1. 原生關鍵詞：產品理解+用戶調研 → 體驗關鍵詞
2. 衍生關鍵詞：腦暴思維導圖擴展
3. 收集圖片生成情緒板：關鍵詞搜素材+定性訪談
4. 衍生關鍵詞分維詮釋
5. 情緒板「色彩分析」+「質感分析」

總結

色彩是感覺。讀懂色彩、聽見聲音、熟能生巧、游刃有余駕馭趨勢。成功配色 = 理性 + 感性。設計師須做感情細膩、情感豐富之人。