打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
配色丑?因为你不会对比!

哈罗~大嘎猴啊!

好久不见的纯干货,它回来了!

今天这期的主题是配色,所以我们先从几组照片开始。

下面哪种搭配更吸引人?

哪张广告看着更有点击欲?

哪张摄影作品更加令人印象深刻?

哪种家居搭配看起来更令人心情愉快?

只要有最基本的审美能力的人,都会觉得后面一组作品更好看吧!因为它在色彩上更加鲜活、吸引眼球,这就是对比色的魅力。

在设计届有“无对比,不设计”的说法,这个道理同样也可以应用在配色上,对比色既是最基本的配色方式,也是最重要的,要学配色,当然得从它开始。

OK,废话不多说,干货走起。

让我们先来看看,啥叫对比色。

按照色彩学的定义,通常把色相环上相距120度到180度之间的两种颜色,称为对比色。具体在色环上,它是这样的。

如图所示,黄色的对比色就是界于蓝色和紫色之间的一片区域,它是一个比较大的色彩范围,所以并不是一个非常严格的定义。

其实我们没必要去死记书本上的概念,对比色,顾名思义,有反差才有对比,在色环上相距比较远的两个颜色,我们就可以把它叫做对比色。

OK,弄清比对比色的概念之后,我们来看看它在视觉上具有哪些特点。

对比色是构成色彩效果的重要手段,也是赋予色彩表现力的重要方法。由于具有强烈的反差性,鲜明的对比效果能给人留下深刻的印象。在视觉上,对比色具有以下特点。

 情绪饱满 

由于在色环上相距比较远,所以对比色具有分离性,其对比效果鲜明、饱满,容易给人带来兴奋、激动的快感,从而有效的刺激人的眼球和大脑,调动人的情绪。

所以我们看到凡是想吸引人注意的设计上,都会用到对比配色的方式。

例如各种电商促销海报。

不知道大家发现没有,很多促销广告都会把场景做得跟夜店似的,尽管产品跟夜店毫无关系,这是为啥?

其实就是想让你自动脑补出夜店热烈的气氛,通过各种强烈的对比色彩,以及模特的表情动作,来调动你的情绪,刺激你冲动消费。

不只中国人喜欢热闹的设计,号称喜欢素雅设计的欧美,在用色彩来调动人的情绪方面,同样不遑多让。

 强烈有力 

对比色之间清晰明确,不会有模糊地带,它们搭配在一起强烈的冲突感,这种撞碰的效应在视觉上形成份量感、力量感。

在运动题材的设计上,经常可以看到对比色+强壮字体的设计方式。

相同面积的对比色,能形成强强对决的气氛,经常用在体育游戏等PK场面。

 年轻活泼 

在使用对比配色的时候,如果辅以高纯度的色相,则能表现出随意、跳跃、强烈的主题,给人感觉年轻活泼、充满生命力的感受。

很多时候,我们说对比色都是指色彩的色相对比,比如说红和绿,黄和蓝等等,但其实色彩的对比方式有许多,色彩的不同属性之间,都可以用来对比。

 色相对比 

就是不同颜色之间的对比,红和绿、绿和紫等,这是最常见,也是最容易理解的对比方式。

 明度对比 

所谓明度,就是指色彩的深和浅,不同的颜色所具有的明度也是不一样的。明度越高的颜色越明亮轻快,明度越低的颜色越深沉厚重。

很多时候我们在进行色相对比的时候,同时会搭配有明度的对比。比如黄色和黑色的对比为什么这么强烈,是因为它们的明度差异非常大。

 纯度对比 

纯度是指色彩的鲜艳度,也叫做色彩的饱和度。和明度一样,它也是分等级的,等级越高,色彩越鲜艳。

我们进行色彩对比的时候,经常会使用暗色+亮色的方式,常见的做法是使暗部的纯度低一些,让画面的基调显得稳重;而亮部则使用高纯色的颜色,为画面注入活力。

 冷暖对比 

冷暖原本是一种生理感受,但是科学研究发现,色彩也有冷暖的区别,只是它是来自心理的感受。比如说红、橙色的灯光会给人一种温暖的感觉,而蓝色、绿色的光,会有寒冷的感觉。

冷暖的搭配可以使画面的视觉更平衡,更有层次感。比如在电影的打光中,同一个画面中,经常可以看到冷暖两种灯光。

平面设计中,冷暖对比更是比比皆是。

由于对比色和互补色之间冲撞的比较厉害,在具体应用的时候,最重要的就是不同色彩之间的比例关系。因此有个说法是:比例决定一切。

下面给大家推荐几个我自己常用的搭配方法。

 大协调,小对比 

这是最容易掌握的一种对比配色方式。将画面中的大部分色彩统一成主色调,然后在一些需要强调的地方用对比色,或者互补色突显出来,这样既保证了画面的统一性,又有亮点。

比如图中的那一道黄杠,就起到了点亮画面的作用。

红色的人物在蓝色的背景上,十分突出。

篮球上的几道金色,很好的提升了画面的对比度。

比例越接近,冲突感越强 

如果你想让画面更有冲击力,可以使对比色之间的比例更加接近。两者越接近,冲突越强,当然也更难掌控。

puma的这个广告中,虽然采用了大面积的对比配色,但是两个色彩之间拉开了明度对比,使得画面看起来更协调一些,没有过于晃眼。

OK,理论部分就讲到这,下面进入案例实操。

理论部分能加深我们对色彩的理解,但是最重要的还是看怎么用。下面我通过三个不同的案例来给大家演示,如何通过色彩的对比来提升画面的表现力。

 案例一 

1、先抠好一张模特图。

2、观察素材图本身的色彩,以红色为主,所以我们把红色吸出来,用作画面的背景色。

3、画面只有红色有点单一,发现模特的裤子是蓝色,刚好和红色形成对比,吸出来填充到画面的右上,注意面积的不要太大,和红色形成主次之分。

4、排版好文字,完工!

通过上面的案例我们发现,其实很多时候我们的主体就决定了画面的色彩,只要把它吸出来,然后分配好比例就行。

上面这个案例中,模特身上刚好分布了红和蓝两种色彩,所以很容易处理。下面我们再来看看主体只有一种色调的情况。

 案例二 

1、抠好模特图。

2、从模特身上取出黄色,作为画面的主色调。

3、加入一个蓝色的色块,一方面是和背景的黄色形成对比,另外一方面是让模特从画面中跳脱出来。

4、由于黄色和蓝色对过强烈,叠加在一起显得有点突兀。可以在圆圈的背后叠加一点小面积的其它色来过度一下,这样画面会显得很丰富活泼。

5、排版好文字,完工!

这里再提示一个小技巧。如果我们画面上的色彩比较多,那么文字可以尽量选择无彩色,平衡一下画面。反之,如果画面的色彩比较单一,文字则可以用强烈的色彩提升一下画面的对比度。

OK,下一个案例。

 案例三 

案例三我们换一种形式,通过改稿来给大家演示如何提升画面的色彩对比度。

先来看看原图:

观察一下原图会发现,这张图的问题,除了排版和细节不够精致外,最大的问题就是色彩过于单一。这也是很多新手常犯的错误,因为掌握不了,所以不太敢用强烈的对比色,极致保守的做法虽然不出错,但是也导致了画面实在单调乏味。

好了,下面来看看怎么改。

1、先把原图中很油腻的粉色去掉。

2、从人物身上吸取黄色作为背景色,同时添加一点点微弱的渐变,让背景不会过于单一。同时我们发现,作为画面的主体,人物模特太纤细,有点压不住画面。

3、这时我们可以在人物的背后添加一个大色块,增加人物的份量感,让它可以撑起画面。色块的颜色可以从主体中选取,和背景形成反差。

4、将文字大致排版好,大字上可以和背景的黄色形成反差,小字用无彩色平衡画面。

5、添加装饰性的排版元素,优化排版细节。

一张杂志风的海报就完工!

最后再来一个前后对比:

OK,

这一期的教程就到这。

我们下期见。

  • -------------------------

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
色彩的对比与调和技巧!不可分割
零基础彩铅入门基础理论教程,色彩与叠色技法
水粉静物基础知识,美术生来学习了
真的纯干货 | 关于色彩的理论大全「三」
色彩的对比
色彩静物——画面色调不“和谐”,你可以从这几方面着重训练!
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服