先确定一个不能动的颜色
角色主题色、品牌色、活动主视觉通常至少有一个颜色不能随便改。把它先锁住,再找背景、中性色和强调色,比每次随机生成整套色板更有效。
图片取色适合找方向,不适合照抄
从喜欢的动画截图或插画取色,可以快速看出冷暖、明度和饱和度关系。但原图里的颜色属于特定光线和构图,你的作品面积比例不同,照搬数值很容易显脏。
可以把取色结果当参考,再按自己的背景和文字需求重调。
做网页和字幕,必须看对比度
插画里低对比可以营造气氛,功能界面里的文字看不清就是问题。配色工具如果带 Contrast Checker,应该在定稿前实际检查文字和背景组合。
尤其不要只在高亮度显示器上凭感觉判断。手机户外、低亮度屏幕和色觉差异都会放大问题。
色板最后要变成“有用途的颜色”
真正进入项目以后,不要只保存 #AABBCC。给颜色定义角色:正文文字、次级文字、背景、卡片、边框、强调、警告。
这样以后换主题色时,你是在替换系统,而不是全项目搜索几十个十六进制值。
如果配色最终要用于游戏 UI 或社交图片,完成色卡后可以参考 不同屏幕的构图与显示检查,确认文字和关键元素仍易识别。
用一个小界面检验配色,而不是只收藏色卡
可以先做一个包含标题、说明文字、按钮、禁用状态和提示信息的小样张。让主色主要承担强调作用,把大面积背景交给中性色;再分别在亮屏、暗屏和手机上看文字是否足够清楚。
例如同一种蓝色在白底按钮和浅灰底小字上,实际可读性可能截然不同。先看文字和背景的对比度,再判断配色是否好看;配色工具给出的“搭配分数”不能代替真实界面测试。
不要只用颜色区分状态
在图表、表单或游戏提示里,错误信息不应该只靠红色表达;最好同时有文字、图标或边框变化。这样在低亮度、色觉差异和灰度截图中,用户仍然知道下一步要做什么。
如果主要是制作网站图标,可继续看 Inkscape 的矢量编辑能力;如果主要是做海报,可先从 成品图和交互界面的差别选工具。