大数跨境

设计 | 做好配色,设计才高级,这些小技巧快拿走!

设计 | 做好配色,设计才高级,这些小技巧快拿走! boooe
2021-09-10
0
导读:配色这样会更好


相对于版式而言,设计配色或色彩搭配在某些情况下并没有绝对的正确和错误,但,如何做到高级配色,我们可以通过这些小技巧来提高~





大家觉得这张海报如何?


背景颜色用蓝色,显然它想用冷暖对比的配色思路,蓝色让整个画面的食欲感降低了,变得生硬不够亲和。那背景色可以换什么颜色呢?很多人瞬间就会想到:用红色。




红色用在美食类主题上似乎已经司空见惯了但纯红色的背景会显得有一些单调?

如果想追求更好一些的效果,可以根据产品的角度将版面分成四份,然后填充颜色。


最简单的方式就是从汉堡的图片上吸取。加入橙、黄、褐这些暖色,不仅能够表现出热情、活跃等情感,还可以刺激食欲,让画面的色彩更加丰富,同时还能保持一定的协调性









当画面中色彩数量较多时,利用色调调和是一个很好的解决方式色调也就是色彩的纯度和明度的综合表现。






这个画面中背景的条纹用了四种深浅、明暗不同的颜色,当这些纯度、明度不均衡的颜色搭配在一起时,就会给人留下色彩杂乱、不协调的感觉






背景的四个条纹色是主要色相,所以我们可以先从条纹的颜色改起。

将原本较亮的黄色和绿色压暗一些,原本较暗的红色提亮一些,较灰的蓝色提纯一些,这样这四个色彩的色调基本上就统一了





背景的颜色其实不用调整了,因为画面中整体的颜色都是较纯的色调,所以搭配一个浅色就会形成色调差,从而让作品保有一定的对比










我们来看一下这个海报的配色上有什么问题?





配色从理论上来说并没有什么错误,但为什么效果却不是很好呢?

原因就在于画面的色彩组合太生硬了,都是色块,看起来不够融合因此我们可以试着将整体颜色都往这个蓝色上调整。


 

调整如下:

 



底部使用渐变,上方可以添加一张天空的图片,这也是变相的增加融合色,因为天空的图片会有深浅色以及白色的调和




现在背景看上去已经好很多,但是产品显得突兀,没有和背景融为一体,怎么办?

我们可以增加投影,塑造真实感,同时还能很好地突出产品的形象。


文字的蓝紫色和图形的黄色就有些不协调,所以将它们都统一成白色。背景底部的渐变和上方天空的颜色统一调色这个案例修改就完成了。











相比于前几个案例,这个案例的问题可能不是那么明显。




上下使用了两种颜色,色相上并没有太大的问题,但是问题出在面积分配上,会给人一种压迫感我们知道色彩是具有轻重感的,上方的颜色本身就比较重,下方的颜色比较轻,而上方的面积又是下方面积的两倍,所以这是一个典型的配色上的头重脚轻





调整方法也很简单,就是将它们的位置互换,将重心下移后,就会给人一种安定感





画面有些过于统一,我们可以增加一个点缀色在「锦山店限定」这个颜色可以吸取产品图片上的金色,这个海报的配色调整就完成了。










再来看看这张配色,问题在哪里呢?背景色使用了一个浅绿色,主图像插画以深绿色的地球为主,其次还有红色以及其他面积较小的颜色。




乍一看其实也没什么问题,因为植树环保的主题使用绿色也是合理的,但是这个画面会有一种不够透气的感觉,会显得有些闷那我们如何调整能让它更好一些呢?





将背景色替换成白色,是不是瞬间就舒服了很多,原因就在于这个版面中插画图形本身的色彩数量就比较多,使用任何有彩色作为背景难免都会对它产生干扰。


白色背景能够突出其他色彩的优点,并且让文字内容更清晰易懂,同时也能让画面更统一协调简单的一步,就会让这个画面变得更好。










这个画面的配色问题也是比较隐晦的。





背景使用一个米色,来衬托衣服产品似乎没有问题。整体看上去也很和谐。但是问题就在于,圆形的设计既然目的是想强调,那使用统一色真的合理么想强调的部分没有太多的吸引力,所以我们可以考虑换一个强调色。




提到强调色或点缀色,最容易想到的就是黄色替换成亮黄色之后,想强调的这两个部分瞬间就能抓住观者的眼球,同时又能保证一定的识别度,使画面增添了一些轻松活跃的气氛。










同样还是先来分析下配色。




背景使用了青绿色和明黄色,这两个颜色都是画面图片中带有的颜色,色调也比较接近,原则上没什么问题。除了这两个色相范围外,再就是花的粉红色。





而最大的配色问题是出在文字上显然白色的文字在这个背景上识别度是很低的。





那如果我们换成黑色呢?识别度是很好了,但是却有些破坏画面清新、欢快的色彩氛围了,因为黑色的加入显得有些压抑。这时候就非常适合使用隔离色了,顾名思义,就是在两个色彩之间加入其他颜色形成隔离的效果




比如「招财猫」这三个字,我们可以通过描边加色块的形式来形成隔离效果,这样识别度就出来了。接着用同样的方式处理上方的「吉祥与祝福」。最上方的英文因为字号比较小,所以这里使用的方法是黑字描白边




品牌名「吉满」这里,我们也可以用不一样的隔离色形式,就是在下方添加色块,为了和谐统一,色彩选择基本色相中的红色。





然后就是顶部左侧和右侧的文字,也是使用添加隔离色的方法。





最后就是最下方的日期,这里当然也可以用标题的处理形式,但是我们也可以尝试不同的思路,就是添加白色色块图形,日期变成黑色,不仅起到了隔离的效果,同时也丰富了版面。





最后还有一步,这个可能需要大家仔细观察了,就是在图片素材的底层加入了阴影也是变相的凸显图片,也属于隔离色的一种。








本期教程就先到这里,相信通过本期教程的学习,能够为大家带来切实可行的收获。







 





【声明】内容源于网络
0
0
boooe
彰显数字是一家基于消费者洞察,为客户提供创意与设计解决方案的全案型营销公司。以互联网、新媒体为主要阵地,依托设计、技术、创意,高效整合媒体资源,助力合作伙伴在快速变化的竞争环境中实现品牌价值最大化。
内容 0
粉丝 0
boooe 彰显数字是一家基于消费者洞察,为客户提供创意与设计解决方案的全案型营销公司。以互联网、新媒体为主要阵地,依托设计、技术、创意,高效整合媒体资源,助力合作伙伴在快速变化的竞争环境中实现品牌价值最大化。
总阅读0
粉丝0
内容0