AI 时代设计师的配色工作流

AI 让"得到一堆颜色"变得毫无成本——Coolors 一秒五个,Huemint 一秒一整套。于是稀缺能力转移到了两端:判断颜色好坏的眼力,和让好颜色可复用的管理。一条现代工作流就四段:采集 → 生成 → 校验 → 沉淀。大多数人死在只有第二段。

一、采集:你的眼睛吃进什么,决定你吐出什么

工具清单照抄:系统级取色用 PowerToys Color Keeper(Win)/数码测色计(Mac),全局快捷键秒取任何像素;网页考古用 ColorZilla;批量提色用 Coolors 图片模式或 Adobe Color。但真正的重点是采集纪律:每存一张参考图,当场记下来源场景和情绪词——"2049 橙雾/单色/压抑"。不记这两行字,三个月后你的素材库就是一个无法检索的彩色坟场。

二、生成:把 AI 当"色彩导演"而不是"老虎机"

• Huemint:按场景(品牌/界面/插画)生成并预览到真实 mockup,立项期用
• Khroma:用你收藏的 50 组色训练个人模型,越用越像你——建"个人色感指纹"用
• Coolors:锁定-微调-导出,效率之王
• Adobe Color:色轮规则(互补/分裂/类比)仍是理解色彩关系的最短路径,AI 出完回这里手动校准
• 反向玩法:让生图模型按描述词出图,再从成品取色——AI 当导演,你当摄影师

三、校验:机器出方案,人做质检,三个动作

1. 对比度:正文 ≥4.5:1(大字 3:1),WebAIM 或 Stark 插件过一遍

2. 色弱模拟:8% 男性红绿色觉障碍,Coblis 模拟红盲/绿盲/蓝盲,确认信息不单靠颜色区分

3. 设备恒常性:OLED 暗屏上蓝紫最容易"发闷",低端 LCD 会让高饱和褪色——旧手机上看一眼再定稿

四、沉淀:色板不是文档,是资产

• 命名双轨:语义名给团队(brand/surface/danger),色值序列给实现
• Token 化:Figma Variables 或 CSS 自定义属性落地,改一处全局生效
• 单一信源:全公司只认一份权威色板,七份截图各执一词是团队吵架的最大来源
• 情绪标签归档:按"沉稳/清爽/复古"检索,而不是按色值

防"AI 平均脸"

AI 工具会向平均值收敛——用久了所有人的色板开始长得一样。留 10% 的不完美:定期从摄影、旧书、地砖、陶瓷手工采色混进输入源;故意保留一块略偏灰的底色。那点不精致,往往就是你个人风格所在的缝隙。

**流程一句话:眼睛喂饱 → AI 快出 → 人工三检 → Token 入库 → 下个项目反哺。工具越快,判断越贵。

本文出自拾色志,更多配色灵感与色卡工具见本站。