你的配色之所以乱,是因为没搞懂这个!

自己的配色很乱,看网上的一些大神做的图配色特别舒服,总是找不到原因。现象后背必有规律,今天的文章就是解决这个问题。

在色彩概念里最能改变色彩印象的就是色调

色调就是色彩的明度和饱和度的组合,色调决定了画面的基调和氛围。

无论你在画面中用了多少种颜色,只要色调(明度和饱和度)统一,就自然可以形成和谐的配色效果。

下面正式进入:配色装逼大法第二部——协调的配色

下面说下电商设计中最常见的2个配色方案。

▌配色协调方法一

不同色相搭配,把不同色彩的亮度和饱和度调成一致或者近似,这是最基本的配色原则。

▌配色协调方法二

同一色相搭配,只调该颜色的亮度和饱和度,也能达到和谐的效果。

看来无论是用哪种配色方法咱们都先必须搞清色相,亮度和饱和度(HSB模式)。

你只要理解了这三个属性,那么即使不用太深了色彩知识,也能实现有效的配色。

假如你不懂HSB,那你废了…

没关系, 幸亏你看到了这篇文章 ,下面开始装逼。

HSB分别代表,色相,饱和度,明度。

色相就代表具体某个颜色,红色绿色等等全部统称为色相。下面这个环也叫色相环。

饱和度就是色彩的鲜艳程度,颜色饱和度最高的就是纯色。拾色器最右侧的颜色皆为饱和度最高,反之左边就是最低。

明度就是该颜色的明亮程度,在拾色器中最上端的位置的选色皆为明度最高的,反之最下端就是明度低的。

由此可见一个颜色有两个可以调节的选项,分别是饱和度和明度。

下面咱们先使用第一个配色方法把不同色彩的亮度和饱和度调成一致或者近似。
为方便大家理解,我从素材网上下载了一个海报做讲解。

大家看下这个海报颜色用的比较混乱,略有花哨,用了一些渐变和投影,每个颜色的饱和度与明度大都不一致。

然后我在不改变排版构图的情况下,对颜色进行了调整,删掉多余的视觉噪点颜色,统一了各个色彩的饱和度和明度,文案周边增加了暗色,做了一个明度对比突出主信息,加了一个冷暖对比这个后续的文章会讲。

色调统一之后,纯度和明度差都很小,所以给人感觉比较舒服协调。(看下面的H差值较大,所以必须将S值和B值调整相近)

下面讲下第二种配色,同一色相配色,要拉开该颜色的亮度和饱和度。这种配色方法天猫的官方系列活动海报体验的淋漓尽致。

这类海报中基本只有一种主色相的配色,因为画面色相统一,为了体现画面的层次和张弛效效果,所以背景配色上都适当增加饱和度和明度的差值,同一色系的深浅搭配来突出视觉。

最后总结,当不同色相搭配的时候,要把饱和度和明度调为一致。当色相为同一色相或者色相相近的时候,要将饱和度和明度值拉开。

本文来源原创: 董总舵主 超级美工,经授权后由小编发布,观点不代表设计教程网的立场,转载请联系原作者。
3

发表评论