![网页+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=1738850372-UDa1HuGValV2HNtCnLZpRRDkuNuozgXX-0-b75050a84c704712e23a06c1fee2f87f)
(色光三原色:红、绿、蓝)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_2.jpg?sign=1738850372-bn6nRsojl8jPSgWAiTv316EQTSQT0BpW-0-bdecb58b4d3d553fae19507970b6a6cc)
(色彩三原色:青、品红、黄)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_3.jpg?sign=1738850372-JXMwyyFgIi17hsOsRP7yfgqya1odoeXC-0-6311bdd761ba8a1e3455168a8b5039c1)
1.5.2 间色
间色又被称为二次色,是由品红、黄、青三原色中的任意两种原色相互混合而成的。将品红与黄色混合就可以得到橙色,将黄色与青色混合则可以得到绿色,将品红与青色混合则可以得到紫色或蓝色。根据品红、黄、青三原色混合的比例不同,间色也会随之发生变化。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_1.jpg?sign=1738850372-SnNZsqKXcpT1k7kZLlsR6E0I9NV2dufg-0-040250695afc31812b7e6c73ba6397e4)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_2.jpg?sign=1738850372-tjw82TAoXLh5RF40CB5IzugsvnIVEkFh-0-7bb46cbf04369b1db487ded6ba159a84)
1.5.3 复色
复色又被称为三次色,是由三种原色或间色与间色混合而成的,形成接近黑色的效果。复色的饱和度低、种类繁多、千变万化,但多数比较灰暗,容易显脏。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_3.jpg?sign=1738850372-fw3i58dWiojMAvdnT5KD7TNqCksAXjyO-0-61eaee0911d94eda67558e442d25a92e)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_1.jpg?sign=1738850372-sAZ1RRTfVokPrsyy1vW9D3bhaBy8QlKj-0-ff47a7d2b33d317f62b7f1cede685be6)
1.5.4 类似色
类似色往往是“你中有我,我中有你”。以红橙色与黄橙色为例,红橙色以红色为主,里面带有少量的黄色;而黄橙色则以黄色为主,里面带有少量的红色。在12色相环上相距60°范围内的色彩,因为色相相近,统称为类似色。类似色由于色相对比不强,能够给人平静、统一的感觉,是比较常用的一种配色方式。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_2.jpg?sign=1738850372-jsleWQJ15MOrWjDmsizpMxQmPXdO0DtF-0-96ef8b500cb620f16327aa036c7ef2f3)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_3.jpg?sign=1738850372-qh7KvaSakx2qXDpMM1LGv846HVcbZHwh-0-92e3776a3485a9255003f8a946d86869)
1.5.5 邻近色
邻近色是指在12色相环上相距90°范围内的色彩组合,这样的色彩搭配具有一定程度的色相差异,给人协调而生动的感觉。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_1.jpg?sign=1738850372-FZFV9yOQjbsgfu1y44qS4s9yW8CD8BO4-0-35d6e2ded1bf0b49ef921c0d3ff71b19)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_2.jpg?sign=1738850372-sTLYbS6AVfpcGxw6ZcGhjEdhrH37znVE-0-9fb182bcc23709b0926eeea25e65c886)
1.5.6 对比色
在12色相环上,一种色相与其补色两侧的色相构成了对比色关系。例如,红橙色与蓝色或青色构成对比色关系,这样的配色比补色搭配的排斥感要弱一些,显得较为和谐。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_3.jpg?sign=1738850372-COB9Q8FxAlFAY0fh4xeq1Cxo0gMRQOgZ-0-f91c8a3d84458894c1d6b37be542aa81)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_24_1.jpg?sign=1738850372-ob62AKCKiV5LEDLiO9ionO9W0fi0566z-0-4efd3cd22fb26cb3c7ae0e95b9add1bb)