在调整后的方案中我使用了产品的类比色组合，即绿色、青色、黄色，

而且把背景色的明度提高了，饱和度降低了。

注：拾色器面板中的HSB分别代表颜色的色相、饱和度、亮度值。

最终的颜色搭配效果更和谐、更符合产品和文案的调性。

02.

颜色太灰

颜色太灰通常是因为颜色的饱和度和亮度偏低，再加上颜色之间的对比不够强所导致的。比如下图是一本服装画册的目录设计，版面中的色彩取自图片中的粉红色与绿色，设计师应该想通过这组对比色表现出时尚的感觉，但是最终的配色效果有点太灰了。

对于这种问题还是比较好解决的，我们只要选中目前的颜色然后打开拾色器面板，然后把颜色的S值（饱和度）或B值（亮度）提高一点就好，在调整数值时要观察实际的颜色效果，直到得到最满意的效果为止，如果饱和度或亮度过高，会导致颜色太重或太爆。

03.

颜色太爆(刺眼)

与颜色太灰相反，还有很多设计师在配色时会出现太爆的情况，颜色太爆通常是因为颜色的饱和度和亮度过高导致的，但并不是说各颜色的饱和度和亮度值都很高，组合在一起就一定会很爆，还跟颜色的色相、颜色面积占比、颜色与图片的组合效果、是否与产品调性相符等相关。总之，整件设计作品在视觉上要比较舒适，而不是辣眼睛。

比如下图是一张食品海报，背景用了一个大红色，突出价格的圆形色块使用了一个荧光绿，这两个颜色的饱和度值和亮度值都是100，虽然这两个颜色都来自画面中的食物图片，但图片中的颜色其饱和度和亮度值都没这么高，所以这种色彩组合方式会让人感觉背景比主体还要突出，产品与背景不够融合。

另外，背景上的文字全部使用白色也会加强这种爆的感觉，似乎所有的颜色都在争着跑到最前面来，缺乏层次。

对于这种情况，我们则需要把它的饱和度适当降低，比较稳妥的做法是拾取图片中的颜色。把图片复制一层，然后选择滤镜-像素化-马赛克，选择一个合适的参数，就能得到上图的效果。把原图中的红色和绿色用图片中的红色和绿色替换，然后把标题和副标题的颜色改为暗红色，这种“爆”的感觉就立马消失了，如果背景使用一点点渐变效果，那么与图片的融合性会更好。

04.

颜色太花（太多）

颜色太花通常是因为颜色太多、且颜色跨度较大，主次不明显，比如下面这则促销海报，颜色有七种，除了黄色是背景色面积最大以外，其他颜色的面积都差不多。设计师之所以用这么多色彩是想让不停的促销信息能有清晰的区隔，但实际上这些信息通过排版以后已经非常清晰了，所以没必要再通过不同颜色来进行区隔。

其实，把这些不同套餐的色块统一成一个颜色，个别关键字、词用一个颜色突出就好。另外用黄色作为背景色太过传统，而且与中国移动的调性不是很契合，所以改成了玫红色的对比色-蓝色，这也是中国移动的品牌色。

最终，效果变得更时尚了，虽然总共的颜色只有三种，但是并不单调，而且也不会显得花和乱。

05.

太旧

现在大部分的品牌都开始年轻化，而且营销传播也都互联网化，所以我们在做设计的时候要尽量时尚一些，特别是那些主要针对年轻人的品牌或产品。

下面这则中国移动促销海报宣传的内容就是针对年轻人的4G套餐，但设计的调性并不时尚，主要是因为配色有点旧。虽然是以红蓝这组对比色作为主色，但是背景色的明度很高、饱和度很低；并且里面用到了大量的单色渐变，这些配色的方式比较柔和，缺乏时尚感。

在优化后的方案中，首先我把背景色的饱和度提高了一些，把之前的单色渐变改成了纯色，并使用了近几年比较流行的镭射渐变和荧光色，颜色的对比和视觉冲击力更强，风格更独特，整体的调性也变得更加时尚。

06.

颜色太碎

颜色太碎会有一种凌乱的感觉，造成这种问题的原因是把一种或几种比较跳跃的颜色，呈点状且很分散（不连续、不集中）的分布在版面的各个部分，比如下图的海报，设计师想用粉色突出所有他认为比较重要的词、句或者元素，结果造成了颜色很碎的效果。

这种啥都想突出的配色方式除了在视觉上会让画面看起来很乱以外，也会使得版面没有重点，因为重点太多了。

上图的产品是一款进口的儿童健康食品，设计调性应该偏向中高端，所以用色应该更加克制，这种很碎的色彩搭配方式就更不合适了。我们在使用色彩突出某些关键信息时，尽量突出句子而不是某个字词，或者通过色块的方式突出整段文字（字数不是特别多的情况下）。另外，如果仅仅是为了区隔信息，那么不同信息的颜色只要有比较小的差别就好了，不需要用对比非常强烈的颜色来做区隔，否则会破坏画面的统一性。

红色和绿色在白色背景上都比较跳跃，调性很难高端，所以我把主要色彩改成了红色和金色(金色来自包装和logo)。

07.

太脏

颜色脏主要是因为颜色明度和亮度太低，颜色处理不合理，以及暗色中的细节多且不清晰所造成的。下图这个banner设计，背景色很暗，且很多地方处理不合理，比如天空的颜色没有地面的颜色亮，在昏暗的天空中加镜头光晕。另外左边的人物完全压暗与背景融为一体也显得很脏，右边人物的重影除了让画面变得更脏以外，并没有其他意义。

针对这些问题我调整了两个方案，方案一是在保持原图明暗的基础上，提亮了天空、压暗了地面，并把背景的图层混合样式从正片叠底转为柔光，透明度降到70%，左边人物进行了适当的提亮，使其更清晰、更立体。去掉了不合理的素材，比如镜头光晕和右边模特的重影。中间的斜色块和标题填充了一个饱和度较高的蓝色，与深色背景形成鲜明的对比。

通过这一系列的调整，整个画面就变得干净了很多，而且保留了之前的氛围。而如果想有更明显的改变，可以放弃这种很暗的背景，比如像下图方案二这样， 把整体的颜色都提亮，效果会更时尚、更干净。

总结

色彩搭配也没有固定的标准，但有几个原则必须遵守：

❶ 要传递正确的调性；

❷ 视觉上要舒适；

❸ 能够方便内容的阅读和理解，提高传播效率；

❹ 能建立品牌区隔，形成一定的个性。

常见的色彩搭配问题还有很多，以后有机会葱爷再做补充吧。

- END -

来源：葱爷（id：congyenanian）

我的原创作品都是抄来的

双11快到了，看看这么设计标题，客户直夸专业！

党建设计太丑？试试这9个方法

不会C4D如何搞定酸性设计？

让设计立马变潮的7个文字排版技巧

简单两步让旧形式变成新创意

客户说我的排版太生硬了，怎么破？

如何在海报中正确设计一个超级符号？

春节海报7种风格设计

高级设计常用的9个技巧

没有手绘能力的设计师，如何搞定一张好看的插画海报?

如何用金色？让你设计更高级

连笔字设计怎么做不显得俗气？

资深创作总监写给设计新人的21条干货。

正流行的10种超时尚色彩搭配方案

快速提升设计感的7个版式小妙招

如何突破设计瓶颈？？？

设计的基础是把轮廓做好看

21条商业广告创意技巧，想创意不再依赖灵感和花瓣网

如何才能成为优秀的设计师

作品太普通？提升形式感是关键

高手之路从拒绝搬运素材开始

干货 11个小标题的排版技巧

有效提升传达率的7个折页设计技巧

如何把两个不相干的元素联系起来？

何为换一个角度想创意？怎么换？

别把设计只当成是排版、配色···

跟着网页轮播图学设计

如何把设计做得更丰富？

如何让自己的设计更专业？

谈谈平面设计行业的优势与劣势

如何应对面试官最常问的7大难题

如何看作品之海报设计

如何看作品之广告设计

设计中的层级关系，看这篇就够了！！！

如何设计一稿就过？

必看的五种创意手法

看日本设计，学会9种排版技巧！

9个版式技巧让你的画册变得灵活又整洁

设计师的面试作品集千万别踩这6个坑！

画册目录太丑怎么办？？？

高手的7个留白技巧，拿来吧你

为什么你用了很多技巧，仍设计不好一张海报？

一张图都不给我 怎么搞？

如何做出高级感？

画面没有品质感?简单两步搞定!

“搞破坏”设计法

如何简单设计促销海报

一招 搞定视觉冲击力

教你一个过稿率超高的构图技巧

异质同构设计法

13种当下正火的设计风格，潮爆了！

让设计感暴增的8个画册标题排版技巧

关键词回复：(可见相对应知识文章）

印刷、名片、海报、logo设计、茶包装、色谱、折页、BANNER、吐槽视频、外卖餐饮、AV、报价、日式海报、版式、民国、软件、奥运、福利、简历、月饼、天猫、双十一、菜谱、红包......

学“废”了就点个赞

↓↓↓返回搜狐，查看更多