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

Posted 2021-01-17 leolei

编辑：千锋UI设计

 

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

 

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

 

 

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

12色相环↓

颜色之间又有冷暖之分↓

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

 

 

HSB

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

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

 

 

 

?

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