十八色图对比：一张海报的配色复盘
十八色图对比不能只把两排色块摆在一起看，真正有价值的是放进同一个任务里测试。下面用一张校园读书会海报做可复现复盘：文案、版式和图片保持不变，仅调整取色方式，再从信息层级、灰度表现和小屏识别度判断结果。
步骤一：先锁死变量和验收标准
案例任务设定得很具体：制作一张1080×1440像素的读书会海报，必须包含活动名、日期、地点、报名按钮和一本书的插图。为了让十八色图对比公平，两版使用相同字体、字号、间距和文案，只允许颜色不同。
验收不靠“高级感”这种虚词，而看四项：标题能否最先被看到，正文是否易读，报名按钮是否突出，缩成手机列表缩略图后还能否认出主题。再补一项灰度测试，排除只靠色相硬撑的假层级。
步骤二：制作自由取色的A版
A版从18个颜色里边做边挑：标题用深蓝，日期用橙色，地点用绿色，按钮用紫色，书本插图又加入红、黄、青等颜色，最终画面实际出现11种色相。每个局部单看都挺活泼，合起来却互相抢话筒。
问题出在没有角色限制。橙色日期和紫色按钮饱和度接近，视觉重量差不多；绿色地点本应是次要信息，却比标题更跳。转成灰度后，按钮与背景靠得太近，动作入口一下子蔫了。
步骤三：制作按角色取色的B版
B版仍以同一张十八色图为候选库，但只调用5个角色：深蓝做标题和正文，米白做背景，橙色只给报名按钮，浅蓝划分信息区，灰色承载次要说明。插图不再新增色相，而从这5色里调整明暗。
这里的关键不是“少用就稳赢”，而是颜色与信息等级绑定。橙色全页只出现一次，按钮自然成了注意力终点；深蓝重复用于标题与正文，页面有连续性；浅蓝面积虽大，但饱和度低，不会抢主体。
步骤四：缩小、灰度、替换三轮检查
把两版缩到约270像素宽，A版最醒目的是多块彩色区域，B版则先看到活动名，再看到橙色按钮。切换灰度后，B版的标题、内容区和按钮仍有明显深浅差，信息顺序没有散掉。
最后做替换测试：把B版橙色强调色换成18色板中的亮红或亮黄，只要维持足够明度差，结构依旧成立。这次复盘说明，十八色图对比应比较用色规则，不是争论哪一格颜色更好看。
常见问题
- 十八色图对比时为什么要保持版式一致？
- 字体、间距、图片同时变化，就无法判断差异到底来自配色还是布局。控制变量后，色彩对信息层级的影响才看得清。
- 海报从十八色图里选几种颜色合适？
- 多数单页海报可从3至6种可见颜色起步，其中包含背景和文字色。复杂插图可以增加明暗变化，但不必不断增加新色相。
- 没有专业软件怎么做灰度测试？
- 用手机系统的灰度显示、图片编辑器的黑白滤镜，或直接截屏后降低饱和度即可。重点看标题、正文、按钮是否仍能区分。