快速入门极简色彩学

必GET点1.色彩的组成

关键词：原色 间色 复色 色环

所有的色彩都是源自红黄蓝三种“原色” 两两混合后得到三个二级色即“间色”绿橙紫 原色与间色混合或间色与间色混合而形成越来越多的颜色，称之“复色” 最后由三种原色、三种间色和六种复色组成的系统就统称为十二色环（colorwheel），也是学习色彩搭配的基础

必GET点2.色彩的搭配

关键词：单色 近似色 补色

十二色环的存在并不只是一个摆设，它巧妙地建立了配色系统。

常见的色彩搭配有：单色搭配，近似色搭配，补色搭配，分散互补色搭配，三角对立的配色搭配……

1、单色搭配（monochromatic）

不用多解释，就是只用一种颜色的搭配。

2、补色搭配（complementary colors）

色环上相对的两种颜色，被称为互补色。放在一起，会形成对比效果。比如蓝色和橙色、红色和绿色、黄色和紫色等。

互补色有非常强烈的对比度，在颜色饱和度很高的情况下，可以创建很多十分震撼的视觉效果。但是记得，在文本中使用互补色是很糟糕的。

让·皮埃尔·热导演作品《天使爱美丽》中的色板，是一个典型的红色和绿色互补色。

3、分散互补色搭配（split-complementary colors）

如果要寻找三种颜色，其中二种互相类似，另一种与它们形成对比，则可以选取互补色两侧相邻的颜色。分散互补色搭配是初学者很好的选择，怎么搭都很好看。

红、深蓝与浅蓝搭配，完美突出对比感而画面却十分和谐好看。

4、类似色搭配（analogous colors）

色环上任意三个相邻的颜色，被称为类似色。通常认为，它们放在一起会很和谐。

类似色是选择相近颜色时十分不错的方法，可以在同一个色调中制造丰富的质感和层次。

5、三角对立配色（Triadic colors）

此外，如果要寻找三种互相平衡的颜色，可以选择12色的Color Wheel上任意三个三角对立的颜色（Triad）。

要成功地使用三色系产生和谐效果，需要谨慎地在色彩间取得平衡——只用一种主色，其他两种颜色作烘托。

必GET点3、调色三要素

关键词：色相 饱和度 明度

要精准的调出每一种颜色，包括了三要素：色相、饱和度和明度。

色相（hue）：指饱和度和亮度都为100%的颜色

我们肉眼所见到于是能说出来的颜色就叫色相，所有的色相都可以用色环来展示。

饱和度（saturation）即纯度，指色彩的鲜艳程度——颜色中含有灰色的程度。饱和度越高，颜色越纯，色彩越鲜明；饱和度越低，颜色中灰色成分越大，色彩越黯淡。

明度（value），即色彩的亮度，明度反映的是色彩的深浅变化，如粉红、大红、深红，都是红，但一种比一种深。明度的变化来自于颜色中白色的成分变化。一般情况下在颜色中加入白色，明度提高，加入黑色，明度降低。最大值时，所有颜色都变成白色，最小值时，所有颜色都变成黑色。

下面来看一下明度（Value）的具体应用。

TINT：HUE+WHITE

在色彩中加入白色。这种基调给人更加明亮、和平但缺少活力的感觉，更体现女性色彩，适用的行业有spa、美容等。

SHADE：HUE+BLACK

在色彩中加入黑色。神秘、黑暗、罪恶、危险色调，更体现男性色彩。使用纯色或更明亮的阴影色时，与渐变能很好搭配。

TONE：HUE+GREY

在色彩中加入灰色，调性不至于太黑暗但能突出冰冷的感觉。

最后推荐两本色彩方面很好用的书：

一本是日本的视觉设计研究所的《七日掌握设计配色基础》。

还有一本是《红色范思哲 灰色阿玛尼》。这本书是从服装色彩搭配来讲的，因为是身边的事情，所以特别好理解。

好了，现在扫视一下身边你觉得好看的东西，再看看它的配色，是不是整个感觉都不一样了呢？

想了解更多设计和交互设计？驯鹿邀请到携程高级交互设计师，和大家分享“一个交互设计师的工作和生活”。

课程详情关注驯鹿公众号（ReindeerJob）回复lissa可得 :D