UI设计培训-颜色运用基础!
UI设计培训-颜色运用基础!
成都华信智原UI设计培训老师为大家分享下颜色基础的运用。
1. 基础色轮
a. 色轮的基础是红、黄、蓝3种颜色,即三原色,因为这是无法创建的颜色。
b. 分别将色轮上相邻颜色等量混合,就会得到三间色。
c. 同样原理,在三间色的基础上,将相邻的颜色等量混合,得到的这些颜色称为第三色。
2. 颜色关系
a. 互补:色轮上相对的颜色为互补色(complement),由于它们如此对立,所以佳搭配是一种作为主色,另一种用于强调。
b. 彼此等距离的三种颜色形成三色组(traid)。红、黄、蓝就是一种很流行的组合(儿童产品中很常见),所以这种组合也称为基色三色组(primary traid)。绿色、橙色、紫色构成间色三色组。
c. 分裂互补三色组:从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,使用该互补色两侧的颜色,形成的组合。
d. 类似色:由色轮上彼此相邻的颜色组成,不论是两种颜色还是三种颜色,它们都有相同的基色,就形成了一个协调的组合。用不同的亮色和暗色组合成的类似色,达到很醒目的效果。
e. 亮色和暗色:使用的基本色轮只涉及纯“色调”,即纯色。纯色就是色调(hue);向色调增加黑色就构成一个暗色(shade);向色调增加白色就构成一个亮色(tint);
f. 单色:单色组合(monochromatic combination)是由一种色调及其相应的多种亮色组成。
g. 暗色和亮色的组合:巧妙运用会有丰富的效果;
h. 色质(tone):色质是指某种颜色的特定明暗度、深浅度或色调。
如果色质很接近,看上去就会模糊不清,对比太过微弱。如果设计需呀使用有类似 色的色调,万不可将它们紧挨在一起。
i. 暖色与冷色:暖色(包含红色或黄色),冷色(包含蓝色)。需要注意的是,冷色总趋于后退,暖色是趋进型的,暖色不费多大功夫就能产生效果,所以,暖色和冷色的组合,一定要少用暖色。由于冷色总趋于后退的,有时可以使用更多的冷色才能陈胜效果或形成有效的对比。
j. CMYK与RGB,印刷与Web
l CMYK代表Cyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)、Key(通常是黑色),利用这4种颜色可以打印出成千上万种颜色,这也称为“4色处理”。我们所看到的印刷品都是使用CMYK模型。
RGB,通常在计算机显示器、电视等等上看到的就是使用RGB模型。组成RGB的有色光束并不是从任何物体反射来的,这是直接从显示器传入我们眼睛的光,若将所有颜色混合在一起就会得到白色,如果去掉所有颜色,则得到黑色。
需要印刷的项目应使用CMYK模型,需要在屏幕上显示的内容则应使用RGB模型较好。使用RGB模型的图像在显示屏上的效果是绚丽多彩的,若将其切换到CMYK模型后,打印出来效果就会有所损失。这是需要注意的。
成都华信智原UI设计培训老师为大家分享下颜色基础的运用。
1. 基础色轮
a. 色轮的基础是红、黄、蓝3种颜色,即三原色,因为这是无法创建的颜色。
b. 分别将色轮上相邻颜色等量混合,就会得到三间色。
c. 同样原理,在三间色的基础上,将相邻的颜色等量混合,得到的这些颜色称为第三色。
2. 颜色关系
a. 互补:色轮上相对的颜色为互补色(complement),由于它们如此对立,所以佳搭配是一种作为主色,另一种用于强调。
b. 彼此等距离的三种颜色形成三色组(traid)。红、黄、蓝就是一种很流行的组合(儿童产品中很常见),所以这种组合也称为基色三色组(primary traid)。绿色、橙色、紫色构成间色三色组。
c. 分裂互补三色组:从色轮的一边选择一种颜色,再在色轮上找出它对面的互补色,使用该互补色两侧的颜色,形成的组合。
d. 类似色:由色轮上彼此相邻的颜色组成,不论是两种颜色还是三种颜色,它们都有相同的基色,就形成了一个协调的组合。用不同的亮色和暗色组合成的类似色,达到很醒目的效果。
e. 亮色和暗色:使用的基本色轮只涉及纯“色调”,即纯色。纯色就是色调(hue);向色调增加黑色就构成一个暗色(shade);向色调增加白色就构成一个亮色(tint);
f. 单色:单色组合(monochromatic combination)是由一种色调及其相应的多种亮色组成。
g. 暗色和亮色的组合:巧妙运用会有丰富的效果;
h. 色质(tone):色质是指某种颜色的特定明暗度、深浅度或色调。
如果色质很接近,看上去就会模糊不清,对比太过微弱。如果设计需呀使用有类似 色的色调,万不可将它们紧挨在一起。
i. 暖色与冷色:暖色(包含红色或黄色),冷色(包含蓝色)。需要注意的是,冷色总趋于后退,暖色是趋进型的,暖色不费多大功夫就能产生效果,所以,暖色和冷色的组合,一定要少用暖色。由于冷色总趋于后退的,有时可以使用更多的冷色才能陈胜效果或形成有效的对比。
j. CMYK与RGB,印刷与Web
l CMYK代表Cyan(一种蓝色)、Magenta(一种红/粉红色)、Yellow(黄色)、Key(通常是黑色),利用这4种颜色可以打印出成千上万种颜色,这也称为“4色处理”。我们所看到的印刷品都是使用CMYK模型。
RGB,通常在计算机显示器、电视等等上看到的就是使用RGB模型。组成RGB的有色光束并不是从任何物体反射来的,这是直接从显示器传入我们眼睛的光,若将所有颜色混合在一起就会得到白色,如果去掉所有颜色,则得到黑色。
需要印刷的项目应使用CMYK模型,需要在屏幕上显示的内容则应使用RGB模型较好。使用RGB模型的图像在显示屏上的效果是绚丽多彩的,若将其切换到CMYK模型后,打印出来效果就会有所损失。这是需要注意的。