色彩科學基礎：光、色模與屬性

• 物理本質：光的波長經視覺系統轉化為色覺。RGB光色模式（螢幕）vs CMYK顏料模式（印刷）。
• 三屬性：色相、飽和度、明度。網頁用 rgb(255,0,0) / #FF0000 定義紅色，本質是調節三原色光強度。
• 分類：彩色 vs 非彩色（黑白灰）。研究表明：彩色記憶效果是黑白的3.5倍，但正文宜用非彩色（黑/深灰）保閱讀，邊框/背景/圖像用彩色活躍頁面。

色環與配色邏輯

標準色環：紅→橙→黃→綠→青→藍→紫→紅。分為暖色（紅橙黃）、冷色（青藍紫）、中性（綠/紫紅交界）。

經典配色公式

1. 單色系：固定色相，調節飽和度/明度。統一性極強，層次豐富，適合極簡/專業風。
2. 鄰近色（類似色）：色環相鄰15°-30°（如藍+青、紅+橙）。和諧自然，易控制，適合舒適型界面。
3. 互補色/對比色：色環相對180°（紅vs青、藍vs橙、黃vs紫）。視覺衝擊強，主色+點綴色（10-15%面積）畫龍點睛。
4. 三角色/矩形配色：色環等分三點/兩組互補。色彩豐富但難平衡，需確立一主一輔一點綴。
5. 中性色+單一品牌色：黑白灰為底，品牌色作強調。最安全、識別度最高的商業策略。

色彩心理與文化隱喻

顏色	普遍心理聯想	西方文化象徵	中文語境特殊含義	生理影響
紅	激情、緊急、活力、警示	愛情、危險、停止、禁止	喜慶、吉祥、股市漲	心率↑、呼吸急促、食慾↑
橙	活力、友善、創意、食慾	活力、廉價、警示	溫暖、收穫	刺激食慾、社交意願↑
黃	樂觀、智慧、警示、注意力	陽光、懦弱、疾病、出租車	皇權、佛教、警示線	最高明度、反射率強易眼疲勞
綠	自然、平靜、安全、成長	環保、金錢、通行、嫉妒	健康、綠帽(負面)	舒緩視神經、降低血壓
藍	專業、信任、冷靜、科技、抑制食慾	忠誠、憂鬱、男性、企業標準色	科技、冷靜、憂鬱	降低心率、提升生產力
紫	神秘、高貴、創意、靈性	皇權、死亡(部分)、女性	神秘、高貴	抑制食慾、鎮靜
黑	權力、精致、神秘、嚴肅、沉重	正式、邪惡、死亡、現代	嚴肅、專業、惡勢力	壓抑感、收斂視覺
白	純淨、簡潔、現代、空間感	純真、和平、醫療、極簡	喪葬、素淨、留白美學	擴大空間感、減輕認知負荷
灰	中立、平衡、專業、冷漠、過渡	妥協、平庸、工業	穩重、模糊地帶	中性、無明顯生理刺激

網頁配色避雷針

• 🚫 全彩虹堆砌 → 控制在3個主色以內（含中性色）
• 🚫 花紋背景/高純度大面積背景 → 文字對比度不足、視覺噪音
• 🚫 紅/藍/綠同時大面積使用 → 視覺衝突、無視覺焦點
• 🚫 忽略色盲/色弱用戶 → 紅綠色盲最常見，避免紅綠作為唯一狀態區分，需雙重編碼（圖標+文字+形狀）
• 🚫 跨文化項目直接套用本地色彩隱喻 → 必須進行文化適配性測試

設計師成長的配色階梯

1. 單色期（技術受限）
2. 五顏六色期（貪多求全）
3. 品牌標準色期（建立體系）
4. 返璞歸真期（大師級：極少色彩駕馭豐富層次）

色彩不是裝飾，是無聲的交互語言。科學理解色彩物理與心理，建立品牌色彩系統，才能在每一像素中精準傳遞價值。