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

时间:2022-02-17 10:10:32

编辑:千锋UI设计

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

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

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

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

12色相环↓

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

颜色之间又有冷暖之分↓

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

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

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

HSB

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

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

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

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