码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-05 19:21:31      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:之间   认知   title   屏幕   简单   标准   二次   不用   bsp   

编辑:千锋UI设计

 

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

 

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

 

技术分享图片

 

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

12色相环↓

技术分享图片

颜色之间又有冷暖之分↓

技术分享图片

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

 

技术分享图片

 

HSB

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

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

 

 

 

技术分享图片?

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

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

标签:之间   认知   title   屏幕   简单   标准   二次   不用   bsp   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!