“好色”之徒帮你学会设计中的色彩事理（一）

但是，同一种色彩，对应的情绪每每比较殽杂。
例如蓝色，让人遐想到天空和大海，很开阔，却有一种孤独的神秘感。
而在电影和漫画中，蓝色常日被当做忧伤和孤僻的色彩来利用。
互联网时期，蓝色被认为是最佳的商务色彩，传达出镇静、严密、理智的信息。
互联网公司，常常用蓝色来构筑自己的形象工程。
一种色彩，可以有这么多种方向，那么我们如何去判断和利用它呢？答案很大略，我们须要让一种色彩和其余一种色彩搭配起来，共同发挥浸染。

众所周知，CMYK和RGB是两种最常用的色彩模式。
CMYK是印刷上普遍利用色彩模式，RGB是彩色显示器等电子设备利用的色彩模式。

然而，不论是CMYK还是RGB，都是打算机判断颜色的办法。
这种办法完备规避了人脑如何理解和认识色彩的过程。
当你看到一件衣服，你怎么判断他的色彩呢？CMYK值还是RGB值？你根本无法判断，从人的视觉生理感想熏染上来说，该当先确定是蓝色还是赤色，这是区分色相；然后判断深浅，这是在区分饱和度和明度。

学习配色，该当先从人脑的感性认知上理解色彩。
而HSB模式是基于人眼视觉细胞的，即眼睛所看到颜色，这种办法完备符合人脑感知色彩的模式。

在 0~360° 的标准色轮上，色相是按位置度量的。
色相即每种色彩的容貌、名称，如红、橙、黄、绿、青、蓝、紫等。
色相是区分色彩的紧张依据，是色彩的最大特色。

是指颜色的强度或纯度。
饱和度表示色相中彩色身分所占的比例，用从 0 (灰色) ~ 100% (完备饱和)的百分最近度量。
在标准色轮上饱和度是从中央逐渐向边缘递增的。
纯度即各色彩中包含的单种标准色身分的多少。
纯度高的色彩色感强，即色度强，以是纯度亦是色彩觉得强弱的标志。
不同色相所能达到的纯度是不同的，个中赤色纯度最高，绿色纯度相对低些，别的色相居中，同时明度也不相同。

是颜色的相对明暗程度，常日是从 0 (黑) ~ 100% (白)的百分最近度量的。
明度即色彩的明暗差别，也即深浅差别。
色彩的明度差别包括两个方面：一是指某一色相的深浅变革，如藏蓝、中蓝、浅蓝都是蓝，但一种比一种浅；二是指不同色相间存在的明度差别，如六标准色中黄最浅，紫最深，橙和绿、红和蓝处于附近的明度之间。

设计配***相环的知识也是必须要知道的。
你可以不用记住它，但是要明白它是怎么来的，这比影象要主要的多！

在HSB色彩系统中，红、黄、蓝被称为三原色，它们便是色相环中的根本颜色。
所谓的根本颜色，便是比如你有一盒颜料，你可以通过蓝色和黄色稠浊得到绿色，却没办法通过稠浊的办法得到纯红、纯黄和纯蓝。

现在我们把三原色两两等量稠浊，就会得到三“间色”，比如红跟黄稠浊得到橙色，黄跟蓝稠浊得到绿色，蓝跟红稠浊得到紫色。

想要填满这十二色相环，只须要连续等量稠浊相邻的两种颜色即可，这些末了涌现的颜色被称为“复合色”（复色）。

奇怪，玄色和白色跑哪里去了？特殊解释：玄色是所有颜色稠浊而成的颜色，而白色是不含任何颜色的颜色。

上面说的HSB和色环，是学习色彩必须知道并熟记的根本知识。
大概你会以为这些比较难影象，别急，这次你一定记得住，听口诀：

红、橙、黄、绿、蓝、紫、品红。

只要你把熟习的“红橙黄绿青蓝紫”，去掉那个“青”，在紫色后面加上个“品红”就好了（品红是比紫红更偏红一点的颜色）。

很多人该当听说过，颜色不要超过三种的说法。
无论是家居环境、穿衣打扮、平面网页还是产品设计等诸多方面都可参考这条规律。
所谓不超过三种颜色的搭配，指的是不超过三种色相的搭配。
也便是说，只假如同一种色相（H），我们还可以调度他的饱和度（S）或明度（B）。
一样平常在轻微繁芜一点的画面里，我们在设计上不会只采取一两种颜色，那样会显得非常单调。
而一旦选择了某种颜色作为主色（比如赤色、蓝色），接下来就须要选择与之相搭配的颜色了。

相邻色系的三种颜色搭配是从色相环中依次找到三种颜色的搭配。
比如红、橙红、橙，或者是蓝绿、蓝、蓝紫。
相邻色系搭配效果在于同等性，色相上不存在太大的差异，随意马虎被人接管。

个性明朗的三色组合

彼此等距的三种颜色常日会形成让人愉悦的三色组。

这种搭配的特点是色彩比较明确，差异大、辨识度高。
在穿着和家居配色上面不太采取这种搭配（便是传说中的“红配绿”），但是在广告设计中常常涌现。

你可能把稳到了，我在选好色相之后，还轻微调度了一下明度或者饱和度，让它们看起来不会那么“炸”。
这种调度是在许可范围内的，至于调无缺不好看，就要看设计师的喜好和眼力了。

在色相环上，每一种颜色都有它的比拟色，比如红对绿，橙对蓝，黄对紫，也便是个字对面（180°）的那个颜色。
但是这种比拟是比较强烈的，不太好驾驭，以是我们可以选择比拟色相邻两色。

这种办法可以柔滑太强烈的比拟效果，产生更加细腻的色彩边界。
这种搭配也被称为“分裂互补三色组”。

色彩事理，让我们有一个清晰的色彩观点；不超过三种色相的搭配办法，可以保障作品更为成熟。
接着我们须要精确处理好当选定的色彩间的主从关系。

主色可以决定全体作品风格，确保精确传达信息。
在创作过程中不可能不考虑色彩的强弱，否则只会乱成一团。

色彩是形式感的一部分，充当着重要的情绪元素。
比如，电商网站就喜好用赤色和橙色作为主色，而科技类、资讯类网站则喜好用蓝色，用好了，它能够决定全体作品的风格走向，这便是主色的意义。

怎么判断谁是主色？像是上面的截图，他的主色是白色吗？

判断主色的紧张依据是面积，同时还要考虑阅读者的生理感想熏染。

举个例子，比如下面的赤色和蓝色。

正由于如此，以是我们常日会选择饱和度更高的颜色来作为主色，这是一个很有帮助的关于主色利用的知识。

而这两中颜色的基调相同时，面积就会成为紧张的考量成分了。

赞助色对画面有决定性效果

赞助色能帮助主色建立更为完全的形象。

判断赞助色用的好不好的标准是：去掉调，画面不完全，有了它，主色的上风更明显。

赞助色可以是一种颜色，也可以是几种颜色。

赞助的工具可能是一种颜色（主色），也可能是一种想象渗透的感想熏染（主形象、主图像等）。

试想一下，如果Apple Music的这个页面，没有了玄色的网站导航和手机边框作为赞助会若何？

一种色彩完成不了以上这么多事情，因此须要多种色彩来相互赞助、相互衬托，同时还能达到更深层面的意义。

评论辩论色彩，不能知识伶仃的看待色彩，而是要将利用色彩的最初需求考虑进去，这才是主要的。
提及来，这不便是我们做需求设计的核心方法么？可见设计的实质都是相通的。

点最色的功能常日表示在细节上，多数是分散的，并且面积比较小。
如果你只是翻翻一本杂志，可能有印象的都是大色块，即主色调。
而阅读的时候，眼睛只盯着局部，局部的色彩关系依旧是设计所要把稳的问题。
点缀色便是这种功能。

点缀色的特点：

再来找个例子看一下，比如这个英雄同盟的页面：

一眼就能看出来蓝色是主色吧？

赞助色呢？面积第二大的便是玄色。

点缀色也不难找，你的视线除了被蓝色的奖杯和周围的笔墨吸引，接下来会看哪里？

“2018环球总决赛直播”

这个按钮的黄色，和左上角英雄同盟Logo中的黄色、背景中的楼阁呼应，成了页面中反差较大，最吸引你阅读的颜色。

以上讲了，HSB的色彩模式、十二色相环、几个基本配色方法以及色彩的权重（主色、辅色、点缀色），这些都是设计配色的基本事理和原则。
后面还会连续从情绪和基调两个方面讲讲详细色彩的运用，如果大家以为有些帮助，欢迎关注和点赞！