色相(Hue)、纯度(Saturation)、明度(Lightness)
重点:
色相- H:不同色
明度- L:明亮
纯度- S:鲜艳
色相- H,指颜色的种类,比如基佬紫、原谅绿、鸭屎黄
明度-L,指颜色的亮度,比如淡红、深红,就是在形容亮度,亮到极致就成了白,暗到极致就成了黑。
纯度- S,指颜色的鲜艳程度,比如死机蓝,就是蓝色的纯度高到了极致的表现,纯度越低,就越接近灰色。
纯度太低,配色显脏
主要颜色的纯度太低,PPT显脏
只提升其中一种颜色的纯度
低纯度的颜色不是不能用,但是不要所有的颜色都用低纯度的,否则页面就容易显脏。
渐变色纯度太低,不够通透
背景色纯度太低,页面显得暗沉
低纯度的黯淡背景本身并没有什么问题,只是容易给人一种灰蒙蒙的消极感而已。
但是也不可太高,会刺眼。
黯淡到没人性的中性灰…
调整一下灰色的明度,要么使用明度高的浅灰,要么使用明度低的深灰
配色法
一. 纵横配色法
任何一个颜色里都包含着三个参数,分别是纯度、色相、明度。
水平方向就是纯度:鲜艳否?
运用“纵横配色法”在二维图表的垂直方向上取色时,也就相当于取了几个“纯度不一,但色相与明度统一”的颜色:
在二维图表的水平方向上取色时,也就相当于取了几个“色相不一,但纯度与明度统一”的颜色
如果我们在一维图表的垂直方向上取色,也就相当于取了几个“明度不一,但纯度与色相统一”的颜色
当几种颜色的色相、纯度、明度,这三个参数里面有两个是一致的时候,它们搭配在一起时都会很和谐。
“纵横配色法”,就是遵循的这一原理,所以你每次用这个方法取色时,都能保证三个参数中有两个是一致的。
二. 望向窗外法
- 是大自然决定了颜色与人类心理之间的联系;
- 来自生活或自然场景里的配色看起来会很和谐;
- 利用PS中的【晶格化】功能可以提取图片里的颜色。
1)能为你提供配色灵感
2)配色不容易显得突兀
在同一个环境下,光线的强度是一致的,所以物体反映出来的颜色看起来就很和谐。
渐变色
重点
1)渐变色分为色相、明度、纯度渐变;
2)渐变的方向也会影响到渐变效果;
3)借用专业配色,可以调出好看的渐变色,渐变色的过渡也应该尽量自然。
渐变色则可以分为色相渐变、明度渐变、纯度渐变这三种类型。
色相渐变:一种颜色 到另一种颜色
明度渐变:明暗
纯度渐变:鲜艳否
色相,指颜色的种类
1)色相渐变:从一种颜色渐变成另一种颜色
看起来会更丰富,但把握不好尺度的话就容易显得杂乱。
2)明度渐变:从明亮渐变至暗沉
明度,就是指颜色的明亮程度,黑跟白分别是两个极端:
明度渐变,就是指:一种颜色由明亮过渡到暗沉的渐变色类型。
用明度较高的颜色调出来的渐变色,看起来会有一种通透感、简洁感。
而用明度较低的颜色调出来的渐变色,则会有一种深邃感、神秘感。
3)纯度渐变:从鲜艳渐变至黯淡
纯度,就是指颜色的鲜艳程度,当一种颜色的纯度低到了极致,它就变成了灰色:
纯度渐变,就是指:一种颜色从鲜艳过渡到相对灰沉的渐变色类型。
色相渐变比较容易分辨,而明度渐变跟纯度渐变则比较容易混淆。
比如下面就是个例子,不仔细观察就容易分不清它们到底属于什么渐变类型:
其实只要记住,
明度渐变到极端,就变成了黑色或白色,
而纯度渐变到了极端就变成了灰色,这样就不会混淆二者了。
渐变的方向
作用一:蒙版
作用二:聚集
原图
加蒙版
好看渐变色
不要让颜色的过渡太生硬!不要自己调色!
这些光圈之间的距离越近,渐变色之间的过渡就越生硬:
越远,越自然:
不要自己调色
两个配色网站:Coolhue2.0以及Webgradients