UI设计初学者教程:色彩基础知识

编辑:千锋UI设计

初学设计都会先认识三原色,通常我们说的三原色指的是颜料三原色:红、黄、蓝;其实三原色还有色光三原色:红、绿、蓝。我们通常说的红黄蓝就是减色法三原色,而红绿蓝是加色法三原色。
可能这么说有点蒙,简单来说就是CMYK(印刷色)和RGB(屏幕色)的区别。

初学设计都会先认识三原色,通常我们说的三原色指的是颜料三原色:红、黄、蓝;其实三原色还有色光三原色:红、绿、蓝。我们通常说的红黄蓝就是减色法三原色,而红绿蓝是加色法三原色。
可能这么说有点蒙,简单来说就是CMYK(印刷色)和RGB(屏幕色)的区别。

cb90693fbb0a406e814bb88b46e6ee1e.png

三原色中任何两种颜色,以同等比例混合形成的颜色,也叫二次色;用任何两间色或三个原色产生的颜色叫复色,也叫三次色;接着,三原色、三间色、六复色形成12色相环;临近的两个颜色再混合,以此类推形成24色相环、48色相环… …

12色相环↓

ca96072ea5da47a2850597d41b7b880b.png

颜色之间又有冷暖之分↓

c469d5f15d174e989483c8c5d6eb9f9a.png

在色环中,两个相对的颜色为互补色↓在色环中,两个相对的颜色为互补色↓

226741ea74694936aec46a337464c0f1.png

HSB

认知过基础色彩,现在了解一下HSB——色彩三要素,色相(hue)、明度(brightness)、饱和度(saturation)。

色相是色彩的首要特征,是区别不同色彩的最准确的标准;
明度是指色彩的亮度或明暗度,例如颜色的深浅、明暗变化;
饱和度是指色彩的纯度。

bf502402be1c494e97f8e36faf57de2f.png

以上是色彩的基础知识,刚开始大家可能会混淆,但实际上并不用担心这些,作为设计者,在众多颜色中,我们要做最合适的选择,当把基础知识融合在设计中,久而久之大家就会看懂、明白了。

原文地址:https://www.cnblogs.com/leolei/p/9910403.html