配色好看却不好用？先给颜色分工
色板只是原材料。把背景、文字、强调和状态分开考虑，再检查对比度，配色才更容易落进实际设计。
收藏的五色卡片很好看，放进海报却显得散乱；挪到按钮上，文字又不清楚。问题可能不在颜色本身，而在于我们把色板当成了每个颜色都必须使用的任务清单。
一组颜色进入设计之前，先需要被分配角色。
01 / 从三个角色开始
为一个简单的活动页面做配色，可以先只设置三个角色：
- 背景色：承担大面积环境，让内容有地方停留。
- 正文色：承担阅读，优先保证可读性。
- 强调色：用在最值得注意的位置，例如主要行动按钮或一个关键数字。
如果页面需要错误提示、成功反馈，再加入有明确语义的状态色。不要因为手上有第五个颜色，就给普通段落增加一个没有用途的类别。
例如可以先试一组温暖的浅背景 #F5F2E9、深色文字 #24352A 和棕红强调色 #A33D2D。这是一组练习用颜色，不是任何品牌的标准色。真正采用前仍要按具体前景与背景组合检查对比度。
02 / 比例比色块数量更重要
五个等宽色块组成的色板，很容易让人误以为它们应当平均出现在画面里。实际设计中，一个颜色可能覆盖大部分背景，另一个只出现在两个很小的按钮上。
可以先让中性背景占大部分面积，再分配正文和少量强调。常见的“60∶30∶10”适合用来提醒自己区分主次，但不是数学验收标准。图片、文字密度、空间材质都会改变颜色的实际感受。
如果一个强调色到处都有，它就不再能有效提示重点。先试着删去一半强调色，再看真正重要的内容是否更容易被找到。
03 / 看着清楚，不等于对比度足够
网页里的文字可以参考 WCAG 2.2 的对比度要求：普通文字通常至少 4.5∶1；满足“大文本”定义的文字通常至少 3∶1。大文本大致指 18pt 及以上，或 14pt 及以上的粗体文字，不能仅凭“这是个标题”就使用较低门槛。
检查的是实际相邻的前景与背景。白字放在强调色上、深色字放在浅背景上，需要分别检查；文字叠在照片上，背景也不能只取整张图的平均颜色。渐变、透明度和悬停状态同样可能改变结果。
不要只用颜色区分操作结果。错误提示可以同时提供文字和图标，图表中的不同类别也可以增加标注或线型。这能帮助色觉差异用户，也能让黑白打印更容易读懂。
以上阈值来自网页无障碍标准，不能直接当作印刷品质量保证。纸张、油墨、照明和覆膜仍需要实际样张验证。
04 / 带着角色检查，而不是孤立看色板
做三个小样：一个标题加正文区、一个图片与说明区、一个主要按钮和次要按钮并排的操作区。把配色真正放进去，然后问：
- 最重要的动作是否足够醒目？
- 正文是否在所有背景上都容易读？
- 次要按钮是否抢走了主要按钮的注意力？
- 去掉一个颜色，信息是否仍然完整？
只有在这些问题出现具体答案后，再考虑增加颜色数量。
颜色最有用的时候，不只是让画面漂亮，而是让读者更容易理解该看哪里、该做什么。