莫b

配色感觉不对?颜色脏?配色不高级?这些问题一直困扰着我们。应该怎么配色呢?其实颜色也是有规律可循的,这篇文章就是带给大家一些颜色方面的启发,让你了解配色的底层逻辑,从而更明确快捷地配出想要的颜色。

图片

认识色彩饱和度的情绪:

因为不同的配色会带给观者不同的情绪感受,只有在先了解不同颜色特性的基础上才能为我们的配色指明方向。我们做出的画面想要传递什么感觉,这种感觉对应什么颜色?只有搞懂了逻辑,在之后的工作中,才能为我们的配色方案指明方向,而不会一开始就被难住。如果我想配一个积极热闹活泼的画面,颜色怎么配呢? 如果想配一个温柔恬静小清新的画面颜色又该如何选择呢?他们都有什么特点,为什么会这样?往下看

 

积极活力:

我们先来看几组图片

用吸管工具提取一下它们的颜色观察

图片

我们可以看到这类海报视觉上都能给人一种热闹、动感、活力的feel。

通过颜色提取,再观察它们选色的位置,可以发现它们的的配色的纯度和饱和度都非常高。

这是为什么呢?接下来我们降低饱和度看看会发生什么:

图片

可以很明显的感受到画面中已经失去了那种动感、热闹和活力的感觉了,整体更趋于平稳和安静。

所以,高饱和度的配色会带给观者活力,动感,热闹的情绪。常常应用于一些电商、运动品牌的视觉项目中,用来渲染or打造年轻、活力、热闹、动感等氛围。

 


温柔平静:

我们再来看一组:

图片

这一类图片就会给人一种文艺小清新的feel,这类配色和热闹、运动的感觉完全不同。

都是低饱和度高明度的颜色。所以,低饱和度的颜色会给人传达平和、放松、舒适的心情。

 

轻松休闲

图片

这一类的图片就给人以中正休闲的感觉。饱和度都趋于中性,不过高,也不会过低。

其实原理就是在取色器里,

图片

我们看同一张图片,给我们的感觉:

图片

高饱和度配色给人感觉冲击力很强,具有活力,对比非常强烈。

中饱和度画面就弱了一级,视觉冲击力没那么强。画面会放松一些,适合传递休闲的感觉。

使用低饱和度的颜色时,我们看到画面更冷静了,有些高级灰的感觉。

在以往的实际工作当中,我也是先用饱和度来定画面的大情绪基调,只有大的感觉对了,后面才不会出大问题。比如像一些战斗、pk、热血类的banner,都用高饱和颜色:

图片

我们可以来吸取他们的颜色看看:

图片

基本都是靠右边的颜色。

而像我在做下面这种类型的banner时,就会使用到中饱和度的颜色,给人一种轻松休闲的感觉:

图片

我们再看下他们的色域:

图片

都是趋于中间的位置。

最后一种低饱和的颜色,像下面这种作品,就有一种文艺、清新的感觉:

图片

再来看看他们的颜色色域

图片

都是比较靠左的颜色。

用饱和度来定画面的大基调,还是非常好用的,可以说是屡试不爽,大家可以好好理解并且用起来!

 

 总结:

图片

高纯度,高饱和度的颜色,会让人感觉激动、积极、动感、醒目、记忆深刻等特点感官,常常应用于一些电商、运动品牌的视觉项目中,用来衬托年轻、活力、热闹、动感等氛围。

图片

中饱和度的颜色饱和度和纯度都适中,显得中正平和,又不会有低饱和度那样的“平缓“,想要视觉年轻一些,但又不想饱和度那么的强烈,可以尝试选择中度的颜色。

图片

低饱和度的颜色,会给人平和,舒适的感受,常常会结合大量无彩色一起使用,让画面传递出简约,自然,小清新文艺的感觉。

“你想给别人传递什么”

配色的方法有很多,搭配在一起千变万化,但都离不开一个点。你想给别人传递什么感觉?是要年轻、活跃,还是安静、唯美?只有明确方向,在想想这个方向上的颜色有什么规律可循?搞清楚目的,我们再去做配色是不是就会轻松很多?

 

原文地址: 菜心设计铺 (公众号)

作者:慢热

图片

转载请注明:学UI网 » 我的配色是真不行阿!

登录收藏
 
你可能喜欢的:
160种常用的配色方案,把设计调性拿捏得死死的160种常用的配色方案,把设计调性拿捏得死死的
最常见的7个配色问题,如何解决?最常见的7个配色问题,如何解决?
渐变色的正确打开方式渐变色的正确打开方式
好吃也要好看——烘焙与设计密不可分好吃也要好看——烘焙与设计密不可分
设计基础(4):B端中后台管理系统色彩体系设计基础(4):B端中后台管理系统色彩体系
如何更好的统一颜色规范?这个方法正在成为新趋势!如何更好的统一颜色规范?这个方法正在成为新趋势!
用海报留给龙虾最后的倔强用海报留给龙虾最后的倔强
硬核干货!渐变色在设计中有哪些妙用?硬核干货!渐变色在设计中有哪些妙用?
原来眼睛看到的都是骗人的原来眼睛看到的都是骗人的
原来我们都被色彩骗了原来我们都被色彩骗了