教你如何配色之配色的视觉要素

很多时候

射鸡师在设计时

会被甲方爸爸要求很多

特别是在配色上面

恨不得所有颜色都匹配一下

射鸡师于是也改了七七四十九稿

也有了五彩斑斓黑和色彩缤纷白了

但是奇妙的是

还真有出现这种情况的色彩搭配

vivo NEX星迹版

在一般的情况下

这款手机看上去黑色的

而在光线的照射下

背面便会呈现出五彩斑斓的色彩

蓝紫色相间的渐变色显得美丽无比

转动机身角度

像流星雨般的五彩斑斓在机身背面流淌

无独有偶

华为P20 Pro珠光贝母

第一眼看到的是白色

像初恋的感觉

但是仔细看就会发现

粉红色、绿色、黄色等多种色彩在里面闪耀

于是有了色彩缤纷白色的感觉

所以配色

是设计师不可缺少的功力

怎样配色才具有设计感呢？

那么

万一哥轻轻地告诉你关于配色的小知识

  配色的视觉要素   

颜色有很多种模式

RGB模式、CMYK模式、HSB模式

Lab颜色模式、位图模式、灰度模式

索引颜色模式、双色调模式和多通道模式

所谓的颜色模式

是将某种颜色表现为数字形式

或者说是一种记录图像颜色的方式

其中RGB模式、CMYK模式、HSB模式

是比较常用的

因为HSB对应色彩的三个属性

色色相H（Hues）、饱和度S（Saturation）

亮度B（Brightness）

而且人眼对应的模式也是HSB模式

所以以此为例

同时使用配色专用小软件Colorimpact

色相H（Hues）

想必大家都清楚彩虹有７种颜色

红、橙、黄、绿、青、蓝、紫

那么色相也就是颜色

它大概也有７种颜色

红、橙、黄、绿、青、蓝、紫

射鸡师们可以看看Colorimpact软件的色轮

艺术色轮相当于艺术家或设计师的调色盘

例如红＋橙＝橙红；橙＋黄＝橙黄

饱和度S（Saturation）

HSB模式下的“S”是为饱和度

英文全称为saturation

指得是颜色的强度或者纯度

饱和度表达的是色相中彩色成分所占的比例

一般用

0～100%(完全饱和)的百分比表示度量

以色轮为主

饱和度不同，所表现的色彩强度也不同

Ｂ亮度（Brightness）

HSB模式下的“B”是为亮度

通俗一点讲就是

暗、不太暗、亮、比较亮等其他形容词

在HSB模式里面

亮度是从0（黑）～100％（白）的百分比度量

０％的亮度是指一片漆黑

伸手不见五指的感觉

100%是指最亮

就像直视太阳的光亮那样刺眼

Photoshop是设计师做设计的标配

在配色的过程中

设计师完全可以搭配Colorimpact软件使用

它们的拾色器的HSB/RGB颜色是完全相同的

当然

当我们遇到国内外很优秀的作品

也可以把他们的配色用吸取工具

把他们吸取下来

今天讲了配色的颜色模式

是否对配色又更深一点的了解呢？

我是万一哥，行走在设计行业多年

欢迎关注公众号万一设计说

 下期预告：色彩与色彩之间的关系