新手—如何学习配色（一）

今天来讲一讲颜色搭配方面。

前言

对于初入设计行业的新人来说，颜色搭配是一大难点。

拿到需求以后，对于背景颜色的搭配和选择，有没有人脑袋是懵的，反正我初入设计的时候是懵的。

这是因为我们对【颜色】不了解。想学配色，首先要了解一下PS中【HSB】和【RGB】模式代表的是什么意思。

【HSB】是指 在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B(brightness)表示亮度HSB模式对应的媒介是人眼。

【RGB】是指光学三原色：R是红色（Red）、G是绿色（Green）、B是蓝色（Blue）。

1.今天我们主要讲【HSB】模式

先看一张图

在【HSB】模式里，我们可以根据H值来选择颜色，S值控制饱和度，B值选择明暗度。

上面的数值如果你记忆力特别好，并愿意下工夫，最好是背下来，这样你搭配色彩会更得心应手；如果觉得有难度背不下来，也没有关系，只需要记住七大色相的纯色值【纯色值，是指饱和度和亮度都为100下的色相值】。然后类推其他颜色。

以纯红色为类，S值和B值都为100。【位于右上角顶端的颜色均为纯色调】

2。饱和度和明度

大家可以把S饱和度和B明度想象中坐标系，如图

S-饱和度是由左向右，B-亮度，是由下到上。

可以自己在PS中进行滑动，加深对S-饱和度和B-明度的认识。

3.同色相颜色搭配 【 色相不变，饱和度、明度变】   

我们来看看同色相颜色搭配的海报

  

           图1（青蓝色系H值230）                                                        图2（青色系H177）

 

                     图3（红H值359）                                                  图4（红H值10）

每一张海报的背景都是一个颜色，然后色相不变，提高或者降低亮度和饱和度 作为另一个颜色。

同种色系搭配的特点是 ，和谐、统一、柔和度好。

4.相邻色相搭配  饱和度和明度不变，色相变（色相度数参考： 0-30度之间  0-60度之间）

海报参考 

        

                          

                    图1 黄、橙色搭配 （24度色差）                    图2 黄、红色搭配（60度色差）

特点：融合度较高，画面平衡感好。

同类色对比，是指两个色相之间呈15度夹角。特点跟相邻色一样，就不重复说了。

5.对比色搭配  明度和饱和度可以不变，也可以选择一个变（色相度参考：0-120度之间）

海报参考

            

               

            图1 红、蓝色搭配 （120度色差）                        图2 粉、青蓝色搭配（120度色差）

对比色特点：画面感丰富，色彩鲜明，比较夺人眼球。

6.互补色搭配 明度和饱和度可以不变或者选择一个变（色环上相差180度的两个颜色为互补色。）

海报参考

       

           图1 红、青色搭配（180度色差）                                    图2 黄、蓝色搭配（180度色差）

互补色特点：视觉冲击力度大，颜色艳丽，画面醒目。

总结： 学习配色知识，首先要明白配色的基本原理和理论。为什么要这么配，这么配色的依据是什么！明白了基本的配色理论再去啃其他的知识点，就像盖楼一样，底子要打好。

注意：上面所说的明度和饱和度并不是一定不能变，对于擅长搭配色彩的设计师来说，他是可以随意变得 因为他能把握住度，怎么变都好看，但对于新手来说，对色彩度不敏感，就选择最保险的一种做法，SB中只动一个或者都不动，这样做可以让你的画面感更加统一和协调，不至于配出很丑很low的颜色。

今天就到这里，大家下期见。