色彩理论在 UI 设计中的应用：从色轮到情感传达

色彩的心理学基础

不同颜色在人类心理上有相对稳定的联想：蓝色传达信任和专业（银行、科技公司常用）、红色传达紧迫和激情（促销、警告）、绿色传达自然和成功（金融、健康）、紫色传达奢华和创意。

色彩搭配的三种基本方案

• 单色方案：同一色相的不同明度和饱和度，协调统一，适合简洁风格
• 互补色方案：色轮对面的颜色，对比强烈，适合需要突出重点的场景
• 类比色方案：色轮相邻的颜色，和谐自然，适合大面积使用

在 UI 中的实践原则

遵循 60-30-10 法则：60% 主色（背景、大面积区域）、30% 辅助色（卡片、侧边栏）、10% 强调色（按钮、链接、重要信息）。这个比例能创造视觉平衡同时突出重点。

使用 oklch 色彩空间

现代 CSS 支持 oklch 色彩空间，它的优势是感知均匀性——在 oklch 中调整明度，视觉上的变化更加均匀，更适合构建设计系统的色彩 token。