![网页+App UI配色设计教程](https://wfqqreader-1252317822.image.myqcloud.com/cover/232/39132232/b_39132232.jpg)
1.5 配色的基础规律——色系
配色又被称为色彩设计,即处理好色彩之间的相互关系。我们为了便于寻找所需要的标准色,将其秩序化地排列组合,并以特定的名称标识出来,这就是配色。想要学好配色,就需要先掌握配色的方法与规律。
1.5.1 原色
原色是指不能通过其他色彩的混合调配而得到的基本色。将原色按照不同的比例进行混合,就能够产生出其他的新色彩。
色光的三原色(R、G、B)是指红、绿、蓝,用于显示器、电视机、手机等屏幕显示,不同的色光混合会越来越亮。色彩的三原色(C、M、Y)是指青、品红、黄,即我们常说的“红黄蓝”,色彩三原色是彩色印刷品所使用的色彩模式,色彩三原色混合会越来越暗。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_1.jpg?sign=1738881961-om0dhfWDxV1qI61oL5ect4TPHsY3Yrsl-0-07dcd0b9eb6384388cfded832803a7f1)
(色光三原色:红、绿、蓝)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_2.jpg?sign=1738881961-OmXHBFJfv9DMW3SXRYHwhgN1GliSLiZI-0-ca9d80623046ad6ac4dd49d5b7cc3bde)
(色彩三原色:青、品红、黄)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_3.jpg?sign=1738881961-orQ8FnFW5fsYWDkW1NNvu9vkfYfbkMel-0-def87d5fb58a89ec893d2238529dd987)
1.5.2 间色
间色又被称为二次色,是由品红、黄、青三原色中的任意两种原色相互混合而成的。将品红与黄色混合就可以得到橙色,将黄色与青色混合则可以得到绿色,将品红与青色混合则可以得到紫色或蓝色。根据品红、黄、青三原色混合的比例不同,间色也会随之发生变化。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_1.jpg?sign=1738881961-SiDRhArSiTGRgkV1Yu0vNTEFYnpJnawu-0-0059b5a4f103ad79851015074ba41f57)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_2.jpg?sign=1738881961-dcZd7MwM7fRCJD5dMnjBNDQKYQZmSxOp-0-935830e64d8e6d38689184170ca53125)
1.5.3 复色
复色又被称为三次色,是由三种原色或间色与间色混合而成的,形成接近黑色的效果。复色的饱和度低、种类繁多、千变万化,但多数比较灰暗,容易显脏。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_3.jpg?sign=1738881961-KS6z7uWTQseZnUFJm4xW4zSJpuKojFRs-0-a74f8bfdd9612d401e45afb6d0925962)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_1.jpg?sign=1738881961-xFnNUTKIoXNLXgHlskLCGdFVlYyJiT6h-0-610d28b1d364a0c4474bb32803ad5cc1)
1.5.4 类似色
类似色往往是“你中有我,我中有你”。以红橙色与黄橙色为例,红橙色以红色为主,里面带有少量的黄色;而黄橙色则以黄色为主,里面带有少量的红色。在12色相环上相距60°范围内的色彩,因为色相相近,统称为类似色。类似色由于色相对比不强,能够给人平静、统一的感觉,是比较常用的一种配色方式。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_2.jpg?sign=1738881961-TbnqhkTV26Y22L2QyhkXDb3IFirIZOKR-0-e286c85e31bb49aeabbd7bab2cc6b6b3)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_3.jpg?sign=1738881961-6UvpSIhZoVaEa4EjMAyzCdLUXcvcc2jV-0-131ae94184fd25ee7af16a1cef3deb13)
1.5.5 邻近色
邻近色是指在12色相环上相距90°范围内的色彩组合,这样的色彩搭配具有一定程度的色相差异,给人协调而生动的感觉。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_1.jpg?sign=1738881961-DmsZ7UeXYAI4RqNPyBgEw5W9mBOkks8H-0-ed5b3b437139cdbb7a5401e716d04917)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_2.jpg?sign=1738881961-u0VUMiWTVJcTHHOdmyINY0gBj2OXAvTQ-0-a269f7ca3aed857189664649b51aacdb)
1.5.6 对比色
在12色相环上,一种色相与其补色两侧的色相构成了对比色关系。例如,红橙色与蓝色或青色构成对比色关系,这样的配色比补色搭配的排斥感要弱一些,显得较为和谐。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_3.jpg?sign=1738881961-nzDUIrs5cXZs1nN7aUm6weJm25a3r5o0-0-1a56361af2ce7701c063d83bee133a89)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_24_1.jpg?sign=1738881961-pRBZVix7XQ74OmTHPntaj8J23vTWEyI2-0-82f96e59378dc5d0f1e0d647481b0d9c)