做海报配色出问题,通常不是因为不懂色彩理论,而是几个最基本的判断没做好。色彩搭配的知识网上能搜到很多,色环、互补色、邻近色、三角配色,这些概念并不复杂。但落到实际做海报的时候,面对一堆文字、图片、LOGO和促销信息,很多人还是不知道该选什么颜色、选几种颜色、每种颜色怎么用。
下面这三个原则,不需要专业的色彩学背景,照着做能避免大部分常见的配色问题。
原则一:先确定一个主色,再考虑其他颜色
很多新手做海报的第一步是打开软件,挑一个看着顺眼的颜色作为背景,再挑一个好看的颜色做标题,再挑一个颜色做装饰。每个颜色单独看都挺好,放到一起就乱了。
正确的顺序是反过来的:先确定一个主色,其他所有颜色都围绕这个主色来选。
主色通常来自这几个地方:
-
品牌色。 如果企业有明确的品牌色,海报的主色应该优先使用品牌色。品牌色是企业在所有对外物料上反复出现的颜色,用户看到这个颜色就会联想到这个品牌。海报作为对外宣传物料,保持品牌色的延续性比每次换一个新配色更重要。
-
产品本身的颜色。 如果海报的主题是推一个产品,产品本身的色彩可以作为主色的来源。比如产品包装是深蓝色,海报的主色可以用深蓝色来延伸。产品本身的颜色和海报的主色呼应起来,画面会更协调。
-
行业惯用的颜色倾向。 不同行业在视觉上有一些约定俗成的色彩倾向。科技类品牌常用蓝色系,食品类品牌常用暖色系,环保类品牌常用绿色系。这些倾向不是硬性规则,但跟着行业习惯走,用户在看到海报的时候更容易理解画面在表达什么。
主色确定之后,其他颜色就有了判断依据。
-
辅助色用来配合主色,通常从主色的邻近色里选。
-
强调色用来突出关键信息,通常是主色的对比色或者补色。
-
背景色通常是白色、浅灰或者主色的浅色调。
一个很实用的判断方法:把海报缩小到手机屏幕大小,看一眼能不能认出画面里的主色是什么。如果看不出来,说明主色不够突出,其他颜色太多了。
我做过一个做企业服务的海报,客户一开始给了五个颜色,说每个都很重要。我问他“如果这张海报只能让别人记住一个颜色,你希望是哪个”,他选了一个深蓝色。我们以那个深蓝色为主色,其他四个颜色只作为小面积的点缀。海报做出来以后,客户说“看起来干净多了”。
原则二:颜色之间的明度差比色相差更重要
新手配色时容易关注“选什么颜色”,其实更关键的是“颜色之间拉开多少差别”。
一张海报上,文字和背景之间、标题和正文之间、重点信息和次要信息之间,都需要有足够的视觉差异来区分。这个差异主要来自明度——也就是颜色的深浅关系。
明度差不够,画面就会糊在一起。深蓝色背景上放深灰色文字、浅黄色背景上放白色文字、红色标题压在橙色背景上,这些都是明度差不够的典型情况。颜色的色相不同,但明度接近,看起来就是一片糊。
明度差够大,即使颜色搭配不那么“高级”,信息传递也不会出问题。黑色背景上放白色文字、白色背景上放深蓝文字、浅灰背景上放黑色标题——这些组合的色相很简单,但信息传递效率很高。
一个简单的检验方法:把海报转成黑白模式看一眼。转成黑白以后,如果文字和背景还能分得清、标题和正文还能看出主次关系,说明明度差到位了。如果转成黑白以后全糊在一起,说明配色方案过度依赖色相差,在信息传达上存在隐患。
明度差还有一个作用是建立信息层级。
| 信息层级 | 明度处理方式 | 示例 |
|---|---|---|
| 主标题 | 与背景明度差最大 | 深色底上的白色大字 |
| 副标题 | 与背景明度差中等 | 深色底上的浅灰字 |
| 正文 | 与背景明度差最小但仍可读 | 深色底上的中灰字 |
| 装饰信息 | 与背景明度差小,视觉权重低 | 深色底上的暗灰字 |
明度差决定了读者先看到什么、后看到什么、哪些需要仔细看、哪些只要扫一眼就够了。在配色的阶段就把这个层级想清楚,比排完版以后再靠大小和位置来区分更有效。
原则三:一张海报上的色相数量控制在三种以内
色相数量指的是画面里出现了多少种不同色调的颜色。红色、橙色、黄色、绿色、蓝色、紫色,这些是不同的色相。同一色相的不同深浅(比如深蓝和浅蓝)算一种色相。
一张海报上如果出现了五种以上的色相,画面基本不可能不乱。每种颜色都在抢注意力,读者的视线没有落点,最后什么都没记住。
三种以内的色相数量,搭配起来比较安全:
-
一种主色相:占据画面最大面积,是画面的基调。
-
一种辅助色相:配合主色相使用,通常是主色相的邻近色或者对比色。
-
一种强调色相:用在最关键的信息上,面积最小但最跳。
举个例子,一张促销海报的配色方案可以是:
-
主色相:深蓝色(背景和大部分区域)
-
辅助色相:浅蓝色(副标题和装饰元素)
-
强调色相:橙色(价格数字和购买按钮)
三种色相各司其职,画面有层次但不杂乱。橙色作为强调色只用在最重要的信息上,读者一眼就能看到价格和购买入口。
如果企业品牌色本身就有多种颜色怎么办?品牌色里通常也有一个主色和几个辅助色。做主色调的品牌色放在最大面积上,辅助色放在小面积的元素上,不要让几个品牌色平均分配面积。面积失衡会破坏主次关系。
还有一个常见的问题是:海报里的图片本身色彩就很丰富,再加上文字和背景的颜色,整体颜色数量就失控了。
处理方式是:让图片的色彩成为画面的一部分,而不是和文字颜色各自为政。如果图片色彩很丰富,文字和背景就尽量用中性色——黑、白、灰、浅米色——让图片去承担色彩表达,其他元素保持克制。如果图片本身是黑白或者低饱和的,文字和背景可以适当用一些品牌色来补充画面的色彩感。
关于图片和文字的配合,还有几个具体的判断方式:
-
图片色彩丰富时,文字底色用半透明的黑或白,既保证可读性,又不打断画面。
-
图片和文字颜色冲突时,给文字加一个纯色的底块,把文字从图片里“隔离”出来。
-
深色图片上放白色文字,浅色图片上放深色文字,不要反过来。
三个原则在实际项目中的组合使用
这三个原则不是独立的,实际做海报的时候需要同时考虑。
先确定主色(原则一),然后检查主色和其他颜色之间的明度差够不够(原则二),最后把色相数量压缩到三种以内(原则三)。
一个常见的应用流程:
-
从品牌色或产品色里选一个主色。
-
确定背景色和辅助色,保证跟主色之间有明确的明度差。
-
选一个强调色,用在最关键的信息上。
-
数一下画面里的色相数量,超过三种就删掉一个。
-
把海报转成黑白看一眼,确认信息层级在明度上依然清晰。
几个常见的配色误区
除了上面三个原则,新手配色的时候还有几个容易踩的坑。
颜色越鲜艳越好。 鲜艳的颜色确实更容易被注意到,但一张海报上如果所有颜色都很鲜艳,反而没有一个颜色突出。适当的低饱和颜色作为背景和辅助,能让鲜艳的颜色在对比中更跳。
跟着感觉走。 凭感觉选颜色在单人做设计的时候问题不大,但在企业项目里容易出问题。同一个品牌的不同物料,一个人选蓝色、一个人选绿色、一个人选红色,出来的东西不像一家人。有一套判断规则作为依据,比每次凭感觉要稳定。
直接套用网上的配色方案。 网上的配色方案是通用的,放到具体的海报上不一定适用。配色方案里给出的色值需要根据实际画面的明度关系来调整——同一个色值放在深色底上和放在浅色底上的视觉效果完全不同。
忽略印刷和屏幕的差异。 屏幕上看着很亮的颜色,印刷出来可能会暗一截。屏幕上看着很正的颜色,印刷出来可能会偏色。如果海报是要印刷的,配色的时候要考虑到CMYK色域的限制,不要选那些超出色域范围的颜色。
配色不是靠天赋,是靠判断。先定一个主色让画面有基调,用明度差建立信息层级,把色相数量压到三种以内让画面不杂乱。这三个原则做到了,海报的配色就不会出大问题。剩下的就是根据具体项目和具体场景做微调。