我们刚开始设计的时候,每当看到一个感觉不错的配色方案,我们都不会想:他们是怎么做到的?
图片来自网络。
为了掌握配色,很多人会学习专门的配色课程,或者阅读专业的配色书籍。比如补色、邻色,这些名词大家都不陌生。但是即使我们知道这些色彩知识,在实际运用的时候还是会遇到很多问题。一个好的配色不仅仅是给那些有设计天赋的人。通过一些公式化的配色技巧,也可以让人在配色的时候有一颗美好的心,不至于毫无头绪,无从下手。
今天给大家介绍一种同品类颜色搭配的方法。只需简单地增减色相、饱和度和亮度的值,就可以轻松掌握。
01.色彩模式了解HSB
首先,现在大多数设计师都是在屏幕上完成工作的。他们刚开始学设计软件的时候,都知道设置正确的色彩模式。比如RGB和CMYK:RGB称为色光三原色,CMYK称为印刷四原色。
以上两种颜色模式是基于丝网和印刷。现在做配色的时候,建议你选择一种更接近人类感官的方式,HSB(有时也叫HSV)。
HSB分别表示的是色相(Hue)饱和度(Saturation)以及亮度(Brightness)大家要好好记住这三个数值。
02.巧用HSB数值变换
当你在HSB模式下匹配同一个颜色时,首先要确定一个色相(H),然后只需要加减最后两个值就可以快速完成。
我给你举个例子。例如,下面的计算机确定紫色的色调值为270,其他值基于该值变化。
我们来看看哪些值发生了变化:从上图可以看出,基本色的饱和度为24,亮度为96。通过修改最后两个值,您会发现:
同色相加深=饱和增加亮度减少同色相变浅=饱和减小亮度增加
看到这里,相信大家对HSB的类似配色也有了相应的了解。但是记价值观还是太麻烦了。有没有更简单的方法?别急,接下来再说。
03.用图层模式快速打造配色方案
图层叠加众所周知,这里就不多做陈述了,那么如何应用到配色上呢?
首先,最简单粗暴的方法就是确定一种颜色后,做n份。更改纯黑和纯白背景的不透明度。如图:相比HSB法,会让你更直观的选择颜色。也可以很快得到效果,不用担心饱和度和亮度要提高或降低多少。只是一个不透明度的调整,快速达到想要的效果。
04.总结
配色的方法不止一种,每个人都有自己的习惯。数值的设定不需要太死板,不同情况下调整的数值是不一样的。本文只讨论固定色值基础上的颜色变化。
海盐社
作者:刘清