顏色在 GUI 的關鍵角色
GUI 透過視覺呈現功能,人機互動高度依賴可視介面。顏色是視覺畫面首要特徵,不僅限螢幕,貫穿日常生活。適當顏色強化體驗,不當顏色(如黑底深灰字)嚴重損害可用性。
使用者體驗 (UX) 兩大維度
- 可用性:能否快速達成目標(ISO 9241-110、Nielsen 研究為經典)。
- 吸引力:用戶情感反應——喜歡/討厭、時尚/著迷、引以為傲。雖難量化但決定產品成敗,吸引力強的系統使用更愉悅、更順手。
顏色知覺生理基礎
- 可見光 360~720nm 刺激視網膜三類錐狀細胞:L(長波/紅)、M(中波/綠)、S(短波/藍)。
- 530nm 光最強刺激 M、次 L、極弱 S → 知覺為綠色。

RGB 色彩模型
- 螢幕以紅(R)、綠(G)、藍(B)三原色加成混色。
- 三原色對應 L/M/S 錐體最高敏感波長,不可由其他色混出;混合三原色可產生所有顏色。
- 每像素由極微紅/綠/藍光源組成,肉眼無法分辨單獨光源。
對比度
- UI 元素非孤立,相鄰產生對比。不足對比無法分辨區域。
- Office 預設白底黑字 → 最強對比、最佳可視度。
- 對比度可引導視覺焦點至關鍵資訊/輸入元素。
- 暖色調(紅/黃/橙)配冷色調(藍/綠/紫)背景(或反向)提升視覺吸引力。
同時對比效應
灰色方塊置於紅背景顯綠、綠背景顯紅。按鈕在不同背景下視覺截然不同,設計時須考慮上下文色彩影響。