邻近色间隔色和对比色的海报配色案例

做海报时最常见的卡壳不是不会用软件，而是选完主色就不知道怎么往下配：全用同一色系看着闷，硬塞一个撞色又俗。这篇按「主色定调—配色关系选型—落地检查」三步走，用邻近色、间隔色、对比色三类关系各配一个通用案例讲清楚，并说明什么场景下这些套路不适用。

做海报最常见的卡壳不是不会用软件，而是选完主色就不知道怎么往下配：全用同一色系看着闷，硬塞一个撞色又俗。这篇按「主色定调—配色关系选型—落地检查」三步走，用邻近色、间隔色、对比色三类关系各配一个通用案例讲清楚，并说明什么场景下这些套路不适用。

配色这件事没有标准答案，只有「这张海报要干什么」的答案。促销要抓眼球，活动通知要信息清楚，招聘要显得稳。目标不同，选的关系就不同。下面的案例都用通用场景，你换成自己的主色套进去就行。

先把三种配色关系分清楚

三种关系本质上是色相环上「离得多远」的区别。离得近，画面统一但容易闷；离得远，冲击力强但容易刺眼。海报里最稳的其实是中间那档——间隔色，很多人直接跳过它去玩撞色，结果就是用力过猛。

三个通用案例各说一句

• 促销海报：主色用暖色打底，辅色取邻近的更深一档压住底部信息区，价格和按钮用对比色只占很小一块，跳出来就够了。
• 活动通知：主色和辅色走间隔色关系，标题用深色压在浅底上保证可读，点缀色只给日期或二维码边框。
• 招聘海报：整体往邻近色收，显得稳；唯一的对比色留给「投递」入口，让人一眼找到该点哪。

一张海报怎么定下用哪种关系

别一上来就翻色卡。先回答一个问题：这张海报是要信息清楚，还是要抓眼球？要清楚就往邻近色和间隔色走，要抓眼球才请出对比色。目标没定就挑颜色，后面一定反复改。

1. 定目标写下这张海报唯一的传播目的，一句话。是让人扫码、让人记住活动名，还是让人投简历。
2. 定主色主色从品牌色或主题色里取，先铺满背景。这一步先不要管辅色。
3. 选关系拿主色去色相环上量距离：挨着就邻近色，隔一段就间隔色，相对就对比色。不确定就选间隔色。
4. 分配占比主色大面积、辅色做结构、点缀色只留给按钮和关键信息。对比色要是超过你预想的面积，就往回收。
5. 灰度验证整张转成灰度看一眼，明暗层次塌了说明你只靠颜色在撑画面，回去拉开明度差。

这套步骤的价值在于顺序：先目标、再主色、再关系、最后占比。反着来的人往往先挑了一堆好看的颜色，再想办法塞进版面，最后信息层级全乱。

三类案例的落地检查清单

配色做完不等于做对。下面按关系分类给你排查点，导出前挨个过一遍，比事后返工省事。查的时候把海报缩到手机屏幕大小看，很多问题在大屏上根本看不出来。

• 缩到手机尺寸看：小尺寸下最先看不清的是哪块，那块就是问题所在。
• 打印黑白看：黑白下还分得清主次，说明明暗关系立住了。
• 眯眼看第一落点：第一眼看到的是不是你想传达的信息，不是就调占比。
• 发给一个没参与的人看三秒：问他记住了什么，答不上来就说明重点没跳出来。
• 把对比色的面积再减一档试试：多数撞色海报减完反而更高级。

如果你在挑具体色值或者想对着色卡比对，站内有配色和工具目录可以翻，具体页面去 /tools 里找对应的那一项，数字和工具以页面当时展示的为准。

这些情况下别硬套

上面讲的都是默认情况。遇到下面这几种场景，套路要先让位给现实约束，不然配色越讲究越出问题。

品牌有视觉规范

以品牌色为准，配色关系只用来决定谁大面积谁小面积，不是重新发明颜色。

长图文海报

需要长时间阅读，对比色用多了眼睛累，往邻近色和间隔色收。

线下喷绘

屏幕和喷绘色差明显，高饱和对比色在大幅面上容易发脏，先打小样再定稿。

信息密度高

字多图多的版面，颜色关系越简单越好，别让配色和内容抢注意力。

还有一类情况是甲方或品牌方已经给了终稿颜色，那你要做的是排布和明度调整，而不是推翻重配。这种时候判断标准只有一个：信息读得清吗。读不清就调明度，别改色相。

海报配色不是选好看的色，是选能让人先看到重点的色。