色彩配色基础篇

今天我们来聊聊设计当中的经典话题——配色。关于配色我相信好多小伙伴都不陌生。在我们工作中也时常会为配色而烦恼。你是否看过很多的关于配色的书籍，到实际工作中依然手足无措，却始终不能随性发挥。今天带大家一起来学习关于色彩的基础篇。

首先先来看一下框架:

 

一、色彩的原则

太阳光是由赤、橙、黄、绿、青、蓝、紫七种颜色的光组成的。我们可以通过三棱镜或雨后彩虹亲眼观察到这种现象。在阳光的作用下，大自然中的色彩变化是丰富多彩的，人们在这丰富的色彩变化当中，逐渐认识和了解了颜色之间的相互关系，并根据它们各自的特点和性质，总结出色彩的变化规律，并把颜色概括为：原色、间色和复色三大类。

 

原色

色彩的来源被称为三原色，三原色分别是红色、黄色、蓝色。所有的颜色都是通过三原色的交叉和均匀混合调配出来的。但在屏幕上显示的三原色通常为红色、绿色和蓝色，就是我们通常所说的RGB。

间色

间色又称“二次色”指的是原色基础上任意两种颜色的结合，即红+黄=橙、黄+蓝=绿以及蓝+红=紫，很容易可以得出橙、绿、紫就是间色。

 

复色

复色又称“三次色”，顾名思义就是色彩的第三次调配，在色彩中通常是原色与间色的结果。复色有橙黄、橙红、黄绿、绿蓝、蓝紫、紫红，复色的色彩变化是非常丰富的，除此之外，复色包括了原色和间色之外的所有颜色。

二、色彩三属性

色彩的三属性分别是色相、明度、纯度

 

色相

色相指的是色彩的相貌，颜色的种类和名称。比如红、橙、黄、绿、蓝、紫等为色彩的不同基本色相。

 

明度

色彩的明暗程度，各种不同颜色之间的明度存在明度的差别，黄、橙、红、绿、蓝、青、紫依次减弱。

 

纯度

指色彩的纯净程度，又称“饱和度”，有几种方式可以改变色彩的纯度。

1、同时加入白色、黑色，纯度降低。

2、加入其它色相，纯度降低。

3、加水稀释，纯度降低。

4、互补色相混：产生灰色。

5、三原色相混：暗浊色。

 

三、色彩的意义

 

红色

红色让我们联想到爱情、喜庆、热闹的场景，在火焰中我们也可以寻找到红色、橙色、黄色，情人节的礼物通常都是用红色或粉红色的包装，红色也表示危险、禁止。所以在很多标识中也常常运用红色。春节、节日、宴会一般会用红色以此来增强热闹的气氛。

 

橙色

橙色相对于红色来说对比没有那么强烈，橙色代表温暖、夏日、充满活力，能够创建出温馨美满的气氛，橙色可以与一些健康产品搭上关系，比如说橙汁

 

黄色

提到黄色，很容易将它与太阳和温暖联系起来。黄色容易给人带来口渴的感觉，所以在卖饮料的地方会看到黄色。黄色与黑色搭配起来十分引人关注，许多国家的出租车都用的这种配色。

 

绿色

绿色代表希望、生命、活力、环保、自然的感觉。很多保健类的logo都采用了这种配色，因为看起来非常的自然、无公害。如果搭配上蓝色，通常会给人健康、清洁、干净和自然的感觉。

 

蓝色

蓝色代表科技、凉爽、干净、清洁，不同明度的蓝色会给人不一样的感受、想法和情绪。深蓝色给人一种悲伤的感觉，让人联想起伤心时的蓝调音乐。而浅蓝色通常让人想起天空和水，给人提神、清凉、自由、平静的感觉。

 

紫色

紫色是高贵、奢侈的代表，可以跟浪漫、柔软舒适亲密质地产生联想，也有一种神秘感。

 

白色

白色通常跟医院联系在一起，因为医生穿的服装是白大褂，而且医院内部的装修通常也是白色，白色也代表圣洁，在爱情中白色代表纯洁。通常给人很干净的感觉，心理健康相关的事物也可以选用白色。

 

黑色

黑色通常与死亡有关。黑色也代表腐败、邪恶。因为是白色的对立色，而白色通常代表纯洁美好的事物，黑暗和未知也会给人予焦虑的感觉。很多恐怖电影会使用黑色。但黑色是一种万能的颜色，当黑色搭配其他的颜色，会碰撞出不一样的其他意义。

四、色彩搭配

1、互补色搭配 

互补色指的是在色轮上180°角的颜色，比如红色和绿色，蓝色和橙色，黄色和紫色，这些颜色的搭配具有强烈的对比效果。在上图中，是黄色和紫色的对比效果，传出时尚、活力、精神、能量、兴奋等意义，补色想要在设计中达到比较好的效果，最好需要其中一种颜色面积比较小，另一种的面积比较大。

 

比如一整块紫色的界面中搭配一点的黄色

 

 

 

 

2、邻近色搭配

邻近色又称为“近似色”，在色彩搭配当中，邻近色搭配是指色轮上相邻的三个颜色进行搭配，邻近色的搭配是不错的一种色彩搭配方式。可以在同一个色调中搭配出丰富的质感和层次。如图所示：蓝紫色、蓝色、蓝绿色,橙黄色、黄色、黄绿色是非常不错的色彩搭配方式。这种搭配产生一种低对比度的和谐美感，颜色非常丰富。

3、同类色搭配

同类色是从明度上区分，而邻近色是从色相上区分。

 

4、三角色

三角色也是一组颜色  通过色环上创建一个等边三角形来取出一组颜色  可以让作品更加丰富  在上面的例子中  蓝紫色和黄绿色形成十分强烈的对比。

 

5、分散的互补色

分散的互补色和互补色之间的区别在于分散互补色并不是直接取目标颜色正对面的颜色。例如上图中，黄色的互补色应该是紫色，但是我们取旁边的两个颜色——紫红色和蓝紫色  这样不仅有一个强烈的对比，而且可以让色彩更加丰富。

 

6、四方色

四方色是在色轮上画一个正方形，选取四个角的颜色 比如  紫红色、橙黄色、黄绿色、蓝紫色这种颜色搭配起来真的超级棒。尤其是其中一个作为主色其他三个作为辅助色的时候

 

7、四方补色

四方补色与四方色区别在于四方补色采用的是矩形。通过一组互补色两旁的颜色建立的色彩组合，如上图所示互补色橙色和蓝色，分别选用他们两旁的颜色建立矩形，最终的出橙红、橙黄、蓝绿色和蓝紫色。

 

8、单色配色

颜色的色调也可以影响色彩给人的感觉，就拿上图来说  同样的蓝色产生了不一样的感觉，在实际运用中可以采用单色配色方案，通过改变颜色色调来创建不同感觉。

今天的色彩基础就总结到这里啦！谢谢!