这样配色,货卖得更好了!

2020-03-16



这样配色,货卖得更好了!(图1)


跟上一篇讲的构图一样,配色的内容我也不讲色环、协调色、对比色等理论知识,而是给大家分享一个能直接上手的的配色方法。


在广告banner中,占据画面的主要有三大元素:主体物、标题、背景。所以这三者的颜色决定了整个画面的色彩。


我们再细分一下,其中主体物的颜色不由我们决定,它是自带色彩并且不能改动的,我们能够调整的只有标题和背景色。这样一分析马上就有思路了,我们可以遵循这样的原则:


这样配色,货卖得更好了!(图2)


简单来说,就是把主体物身上的色彩,分给标题和背景。


这样一来,我们根本不需要考虑色彩搭不搭的问题,只需要考虑哪种色彩分给谁的问题,通过反复的尝试,最后得出你认为最佳的配色方案。


通过案例来详细讲解一下。


第一步,提取主体物的色彩。


这样配色,货卖得更好了!(图3)


第二步,应用到画面。


这样配色,货卖得更好了!(图4)


是不是so easy!

既简单又好用。


再看一个案例:


这样配色,货卖得更好了!(图5)



通过上面的案例分析我们可以看出来,这基本上是一种不会犯错的配色方式,同时这也是我将这种配色方法推荐给入门设计师的原因。


这样配色,货卖得更好了!(图6)



解决了画面的主要色彩搭配之后,我们再来看看辅助元素的色彩要怎么弄。


你只要记住一条原则就行:


如果你觉得画面的色彩有点花,那么辅助元素就弱一点,采用和主色相同的色彩,把画面稍微的压一压。


反之,如果你觉得画面太平静,需要加强一下气氛,那么辅助元素就可以采用强对比色,或者反相色,来提升画面的对比度。


来看看具案的案例。


例如下图,明显色彩过于单一,看起来有点沉闷。

这样配色,货卖得更好了!(图7)


因此可以考虑添加对比强烈一些的颜色,来加强一下画面的活跃度。


加入和绿色对比强烈的黄色柠檬之后,色彩的丰富度一下就得到了提升。


这样配色,货卖得更好了!(图8)



下面这个例子也是一样的,主题是疯抢,所以色彩上可以更丰富多彩一些。


这样配色,货卖得更好了!(图9)


加入一点主色调的反色——绿色之后,红绿配不但不突兀,而且让画面活力十足!


这样配色,货卖得更好了!(图10)



下面这个例子,由于商品图本身色彩够多,所以辅助元素在色彩上就需要低调一些,不然就会破坏整体素雅的风格。


这样配色,货卖得更好了!(图11)



最后再提醒一下,加辅助颜色的时候,切记面积不可过大,不然就会有喧宾夺主之嫌。


好了,下面我们来看实操案例。


以港式柠檬茶为主题,做一张海报。


先抠好图,然后大概的调整一下主体图在画面中的比例和位置。


这样配色,货卖得更好了!(图12)


港式柠檬茶是一种很有地方特色的饮料,因此我选择了一种旧式街头宣传册风格的排版,字体也选用具有明显复古风格的书法体。


整体文案排版好的效果如下:


这样配色,货卖得更好了!(图13)


然后我们来考虑配色问题。


从画面的主体来看,它自身带的色彩主要由三种色调组成。


这样配色,货卖得更好了!(图14)


很明显,我们的主题是茶饮,在色彩上需要表现得鲜活、自然一些,太过于沉重的深褐色不适合做主色调,因此下面的柠檬黄和青色作为主色调比较合适。


方案一:

黄色为主色调。


这样配色,货卖得更好了!(图15)

因为茶杯的主色调是黄色,选择用商品的主色调作为画面的主色调是一个相对保险的配色方案。


它的好处是商品的背景色融合度高,整个画面比较协调。但同时画面的反差比较小,商品没那么突出。


好了,我们再来看看方案二。



方案二:

青色为主色调。


这样配色,货卖得更好了!(图16)


相对于方案一,这个配色对比强烈,商品突出,视觉力度更强。


两个配色方案都是合理的,如果我们想让画面简洁一些,则可以选择第一种配色方式。如果想视觉表现力更强一些,则可以选择对比更强烈的第二种配色方式。


OK,休息下,吃点东西再继续。


这样配色,货卖得更好了!(图17)


下面我们来看最后一招,画面的细节点缀要怎么处理。




这样配色,货卖得更好了!(图18)


到这一步,整个画面的大雏形应该完成得差不多了,只是还需要进行一点气氛上的提升。


点缀元素在广告的信息传达上并无重要作用,但是它对于烘托画面的氛围,平衡画面构图,活跃版式方面,却有着举足轻重的作用,它是将设计由60分提升到90分的关键之一,所以大家切不可认为它或有或无。


那么,如何找到适合画面风格的点缀元素呢?


我总结出几个方向,大家在做banner的时候,只要朝着这几个方向发散,就一定能快速找到适合的素材。


1、纹理背景


相对于纯色背景,纹理在质感上更丰富细腻。

这样配色,货卖得更好了!(图19)


还可以是由相同元素重复平铺构成的纹理背景,背景上的元素可以与主题呼应起来。

这样配色,货卖得更好了!(图20)


变化的色块也具有纹理的作用。

这样配色,货卖得更好了!(图21)




2、百搭的几何图形


几何图形几乎就是万金油,在任何主题的设计上都可以使用。


这样配色,货卖得更好了!(图22)


在之前的点线面教程中我也讲过,点线元素是最常用作装饰作用的。实际上,不只点线,几何任何几何元素都适合用来点缀画面,如小圆圈,三角形,小段曲线等。


这样配色,货卖得更好了!(图23)

这样配色,货卖得更好了!(图24)

这样配色,货卖得更好了!(图25)



3、主题相关的元素


如果画面的主题跟季节相关,那我们就可以点缀一些相应的元素来强化主 题。


例如下图的主题是秋季,画面中加入落叶、枯黄的树枝之后,整个画面的氛围瞬间秋意十足。


这样配色,货卖得更好了!(图26)

这样配色,货卖得更好了!(图27)

这样配色,货卖得更好了!(图28)


同样的,春天主题我们可以添加青草、绿叶等元素。

这样配色,货卖得更好了!(图29)


美食主题的话,可以加一杯茶和相关的佐料等,这样更容易勾起人的食欲。

这样配色,货卖得更好了!(图30)


让其中一些零食飞起来,会带来吃零食时轻松惬意的感觉。

这样配色,货卖得更好了!(图31)


绿色叶子既呼应了果汁的包装风格,也可以衬托出果汁的原生态。

这样配色,货卖得更好了!(图32)



4、搭建小场景


很多时候我们把商品图抠出来之后,光影、色彩跟背景都会有点脱离,看着不太自然。这个时候我们可以考虑给商品搭建一个小场景,让它看起来像是我们在现实生活中看到的样子。


这样配色,货卖得更好了!(图33)


需要注意的是,我们要让场景尽量简单。

复杂的场景一方面会让光影难以处理真实自然,另外一方面也会干扰到商品。


这样配色,货卖得更好了!(图34)


也可以模拟一个真实的生活场景,这样会让人感觉自然、真实。

这样配色,货卖得更好了!(图35)



上面四种就是最常用的点缀元素的设计方式,只要你熟练掌握,肯定可以应付日常的设计需求了。


好了,

下面我们以一个童装广告为主题来做一个案例。


先找一张合适的素材,抠好图:

这样配色,货卖得更好了!(图36)


然后将文案排版好:

这样配色,货卖得更好了!(图37)


到这一步广告的信息就都齐了,但是明显整个画面在视觉上还很单薄,需要进一步强化设计氛围,我们来看看可以通过哪些点缀元素来丰富画面。


因为广告的主题是夏,所以点缀元素可以围夏天来展开。


方案一:

添加背景纹理——可爱的波点元素。


这样配色,货卖得更好了!(图38)



方案二:

添加跟主题相关的实物元素——夏天和出游的相关物体都可以。


这样配色,货卖得更好了!(图39)



方案三:

添加跟主题相关的小场景——大海和沙滩。


这样配色,货卖得更好了!(图40)



方案四:

添加通用的几何元素


这样配色,货卖得更好了!(图41)


这些小小的点缀元素,就如同往菜品里面添加的调味料一样,它可能只是一点点,但是对于味道的提升却是显著的。




版权声明:本文转载自互联网,如有问题请通过意见反馈与我们联络



QQ在线咨询
业务咨询
15935411310
售后服务
15581742882