色彩系统
干净、高级的配色不是靠色感撞出来的，而是靠可复用的判断规则：关系、比例、功能、饱和、明度、色温。
配色干净度
干净的配色不是感觉出来的，是检查出来的。脏通常不是审美差，是判断标准缺失。
三个常见坑
彩色全往上堆，没有主色调。能否一句话说出主色？
颜色糊成一片。转黑白后层次还在吗？
高饱和互抢。大面积是否控制在低饱和？
四步流程
- 01定主色
其他颜色都围绕它展开。
- 02检查明度
转黑白模式，看明暗层次是否成立。
- 03控制饱和
大面积低饱和 + 小面积高饱和点缀。
- 04检查节奏
主色大 / 辅色中 / 点缀小。
八项自检
- 01色相统一
能否归到 1–2 个色相环区域？
- 02明度对比
灰度模式下信息层级是否清晰？
- 03饱和度控制
背景/大面积饱和是否够低？
- 04色彩数量
主+辅+点缀 ≤ 5 种？
- 05色彩节奏
面积是否有大/中/小？
- 06主色明确
3 秒内能指出主色吗？
- 07层次清晰
去掉颜色后结构还成立吗？
- 08检查流程
每次配色后是否过清单？
干净的配色不是感觉出来的，是检查出来的。— DESIGN NOTE 007
配色三判断维度
有效的配色不是选出来的，是判断出来的：先看关系 → 再定比例 → 最后验功能。
- 01看关系，不看单色
两色放一起，判断互补/邻近、对比/过渡。单独好看的颜色，组合后可能打架。
每对颜色都判断过关系了吗？
- 02看比例，不看种类
约 70% 主色 / 25% 辅助 / 5% 点缀。
能否说出面积分配？
- 03看功能，不只好看
标题与正文对比够不够？重点信息是否被颜色淹没？
可读性是否优先于美观？
配色不是靠色感，而是靠一套可复用的判断规则。— DESIGN NOTE 008
配色为什么脏：8 个方法坑
换了颜色还是脏——因为你换的是颜色，没换方法。
- 01饱和度太高
统一降 10–20%；高饱和只做小面积点缀。
- 02颜色种类多
控制在 3 种以内，明确主/辅/点缀分工。
- 03冷暖色混乱
先选边：整体偏冷或偏暖，辅色服从主色色温。
- 04明度差太小
主色与背景明度差至少拉开约 30%。
- 05底色选错
底色尽量极浅或极深，中等灰/中饱和底最易脏。
- 06颜色没关联
从同色相深浅、相邻色或对比色取色，避免随机。
- 07投影颜色错
用主色系深色，不用纯黑；低透明、大扩散。
- 08渐变方向乱
同色相、跨度 ≤30%；一版面一种方向；不确定不如不用。
配色三原则 + 执行清单
配色不是感觉的事，是原则的事。主色定调 → 饱和统一 → 明度有差。
- 01先定主色调
主色面积至少约 60%，建立视觉重量。
- 02饱和度统一
高级感配色饱和度多在 30–60% 区间。
- 03明度要有差
同色系深浅是最安全的层次来源。
- 04冷暖要选边
主色定色温，其余服从。
- 0560-30-10
主色 / 辅色 / 点缀，制造节奏。
- 06同色系兜底
不确定时用深-中-浅，再加一个对比点缀。
- 07从好设计取色
学已被验证的逻辑，不是抄画面。
- 08灰度自检
变灰图后主次仍清晰，配色才成立。
配色对了，设计对了一半。— COLOR PRINCIPLES