![网页+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=1739287564-ph2hGwmFtug1dGxlAI5AUwFF7mo9ftQJ-0-7955381a5ad2f2903b6a6544d3bc7f2e)
(色光三原色:红、绿、蓝)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_2.jpg?sign=1739287564-FK2EW3y1FtWiPwbnhbSf7a9uUbno14dB-0-3cd1ec8f16ff3eeb087e7584f677d140)
(色彩三原色:青、品红、黄)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_20_3.jpg?sign=1739287564-lImsBXWksNMsqrmwcux8LadfYk5d7fGo-0-dfb271ff80c362e621cf49271a7a7db4)
1.5.2 间色
间色又被称为二次色,是由品红、黄、青三原色中的任意两种原色相互混合而成的。将品红与黄色混合就可以得到橙色,将黄色与青色混合则可以得到绿色,将品红与青色混合则可以得到紫色或蓝色。根据品红、黄、青三原色混合的比例不同,间色也会随之发生变化。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_1.jpg?sign=1739287564-t3C2MqZ9cYncGuFccpYTYetT92RaWNIC-0-b9fa966950dee738459a841dcef906d3)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_2.jpg?sign=1739287564-EU9cEURMLNFLGUCGCKHGgCc20UIfuYxh-0-bc6f5962cf1eacba4feaf50c1bd8e812)
1.5.3 复色
复色又被称为三次色,是由三种原色或间色与间色混合而成的,形成接近黑色的效果。复色的饱和度低、种类繁多、千变万化,但多数比较灰暗,容易显脏。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_21_3.jpg?sign=1739287564-2xetRqjDJv17oHZCPwZcr4uEGpmDzvg5-0-39242c350367b5ae7617e11f6e173b55)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_1.jpg?sign=1739287564-v9E9VXW98nRanIIdDaDrQXnykdxKTal6-0-f77ecf8417aae247fd4b96582a9e19ca)
1.5.4 类似色
类似色往往是“你中有我,我中有你”。以红橙色与黄橙色为例,红橙色以红色为主,里面带有少量的黄色;而黄橙色则以黄色为主,里面带有少量的红色。在12色相环上相距60°范围内的色彩,因为色相相近,统称为类似色。类似色由于色相对比不强,能够给人平静、统一的感觉,是比较常用的一种配色方式。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_2.jpg?sign=1739287564-gkp9ubGVfFd5CuHPN8MHIsg9yWuzrxhz-0-a5f893e6eeddde931bacc83081a733ef)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_22_3.jpg?sign=1739287564-cD8ry5gN8XIEwmSpOhoBnL882LxKsS0H-0-7be15955ad3572da39361159fedf9e20)
1.5.5 邻近色
邻近色是指在12色相环上相距90°范围内的色彩组合,这样的色彩搭配具有一定程度的色相差异,给人协调而生动的感觉。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_1.jpg?sign=1739287564-u1rAcpesFW8FbW9830ZYAliB5E7WpGPp-0-287933c422372da319b226c944826b56)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_2.jpg?sign=1739287564-8cl4XTSiTX0ySgAaOHXQduDe1ZJVb3nG-0-36f90f0850e486d61b95e8c6096b1a25)
1.5.6 对比色
在12色相环上,一种色相与其补色两侧的色相构成了对比色关系。例如,红橙色与蓝色或青色构成对比色关系,这样的配色比补色搭配的排斥感要弱一些,显得较为和谐。
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_23_3.jpg?sign=1739287564-ApuGdeWD9IyEunZ5bPxSRARIHxDpWMWu-0-32823e8518e126b2bc1207e02edd3359)
![](https://epubservercos.yuewen.com/36CB17/20516474808591106/epubprivate/OEBPS/Images/41115_24_1.jpg?sign=1739287564-7DzViM9c7oJll079PTLdFGeJnBCKmhNX-0-e8d39b85f6dcb763f770829ded422904)