配色避坑:太花啦!两个思路简化你的配色

梁景红
2022-06-13
  • 平面
原创 1510人阅读

家人们:
这段时间一直在写《提高色感》新书。全书以案例为主,共400页,快完成了。再来分享一个《提高色感》书中案例。
本文标签:配色,改色、商业设计、太花、避坑
案例分享

配色避坑:太花了!两个思路简化你的配色

有经验的人通常非常清楚自己要做一个什么样的设计,因此他会直接增加装饰,达到适中的色彩层次里。或者,即使没有明确的目的,一边想一边调试,由于审美标准是明确的,最终作品也能够停留在适中的色彩层次里。
不过初学容易用色没有计划性。没有最终目标,没有熟练的审美准则,喜欢什么就加入什么,颜色太花就是一种典型的失衡,有的人自己知道,有的人甚至都不知道。
太花的原因是什么呢?
最主要的因素是色彩层次太多了。
比如渐变、花色、比如勾边,以及没有经过细致调和。
修改方向:减少层次,减少用色。

要么定个主色,主辅色关系明确。
或者也可以用其主色与点缀色关系明确(不强调辅助色)
直接用案例来聊一下。

初始状况

公司介绍的宣传单页,应该不会有人觉得当前好看吧。画面主色不分,阅读困难。颜色复杂,用色过多,层次也很多。我们就在这个基础上改一下配色。

修改方向一

1、首先删除背景。换成一个单色。
画面分为上下两个部分。上面是品牌信息,下面是产品信息。

2、去掉大面积复杂的颜色。
露出来原本的信息内容。

3、使用任意形状渐变更改背景色。在illustrator里面有三种渐变,第三种就是任意形状渐变。要注意的是,如果要用渐变背景,前景就拒绝复杂。因而把前景都换成了线条。同时线条改为白色,作为调和色。画面现在变得清爽了。

4、这部分的重点是,调整满意的背景颜色。在前者的基础上,拖动左上角的蓝色渐变点,移动到中间下端。这时候蓝色面积会增大,而且右下角的红色会更发紫。其他颜色的空间被压缩,画面虽然是渐变色,但是也有了一个渐变主色,和其他配色的关系。这不是随意的安排,是有意为之。让渐变的逻辑也在掌控之中。渐变会产生大量丰富,但有规律的色彩层次,会丰富画面,但是却不会凌乱。

5、这一步明确主角色。如果仅仅理解为改几处蓝色文字,并且说他们只是辅助色,这样的认知是不对的。虽然文字面积过小,但实际上的确是主角,与品牌、广告语都属于核心价值观,把他们修改为深蓝色。目的是压住画面的浮躁。同时强调商业信息的重要性。

6、最后一步,修改细节,完成。整个画面十分钟就能修改好,如果你的老板觉得太新潮,好,咱们再改一版,保守的。下一次直接从品牌色入手。

补充说明,这个案例强调的是主色与点缀色的关系。渐变里面也要做主色与辅助色的关系。

修改方向二

回头初始状态,开始调整。

7、如果固定LOgo位置所在的背景色为深蓝,就从这里开始,然后马上就要想到,相应的最下端的边条颜色,也要改为深蓝。同时要有意识,既然左边有一块颜色是深蓝,那么右边也要有一块颜色是深蓝。最后深蓝填入三处,形成三角形平面结构。蓝色确定后,就要确定第二个颜色。如果是我,本能是先考虑互补色、冷暖色。这里填入的第二个颜色就是橙色。

8、确定了橙色,再确定一个红色作为重点的点缀色,是为了给橙色“壮胆”用的,接下来就可以修改下半部分的颜色了,也改成橙色与红色。让下半部分的颜色与上半部分的颜色有呼应。学过《梁景红色彩设计法则》的家人应该知道这个道理。背景色改成淡蓝色,让前景、后景关系明确,并且也算是主色的同频色,这样做可以加重主色的蓝色的印象,也算给蓝色“撑腰”吧。

9、调整其他六角形都改成白色。这样主题关系就明确了。三个颜色的层次关系非常分明。

10、细节调整就简单多了。注意画面还是需要很透气才会舒服。因而深的地方要有浅色,浅的的地方要适当的有深色,用钱买选出来的几个颜色,兼插填入,彼此呼应,几分钟就能改出来,这个方向很大气,老板不会再说什么了吧?


补充说明:这个案例强调主色与辅助色的关系。

新书 indesign 排版

推荐:案例分享:用颜色让你的作品升华(色彩混合叠加风格)

本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:梁景红色彩!



虎课APP