必GET点1.色彩的组成
关键词:原色 间色 复色 色环
必GET点2.色彩的搭配
关键词:单色 近似色 补色
十二色环的存在并不只是一个摆设,它巧妙地建立了配色系统。
常见的色彩搭配有:单色搭配,近似色搭配,补色搭配,分散互补色搭配,三角对立的配色搭配……
1、单色搭配(monochromatic)
不用多解释,就是只用一种颜色的搭配。
2、补色搭配(complementary colors)
色环上相对的两种颜色,被称为互补色。放在一起,会形成对比效果。比如蓝色和橙色、红色和绿色、黄色和紫色等。
互补色有非常强烈的对比度,在颜色饱和度很高的情况下,可以创建很多十分震撼的视觉效果。但是记得,在文本中使用互补色是很糟糕的。
让·皮埃尔·热导演作品《天使爱美丽》中的色板,是一个典型的红色和绿色互补色。
3、分散互补色搭配(split-complementary colors)
如果要寻找三种颜色,其中二种互相类似,另一种与它们形成对比,则可以选取互补色两侧相邻的颜色。分散互补色搭配是初学者很好的选择,怎么搭都很好看。
红、深蓝与浅蓝搭配,完美突出对比感而画面却十分和谐好看。
4、类似色搭配(analogous colors)
色环上任意三个相邻的颜色,被称为类似色。通常认为,它们放在一起会很和谐。
类似色是选择相近颜色时十分不错的方法,可以在同一个色调中制造丰富的质感和层次。
5、三角对立配色(Triadic colors)
此外,如果要寻找三种互相平衡的颜色,可以选择12色的Color Wheel上任意三个三角对立的颜色(Triad)。
要成功地使用三色系产生和谐效果,需要谨慎地在色彩间取得平衡——只用一种主色,其他两种颜色作烘托。
必GET点3、调色三要素
关键词:色相 饱和度 明度
要精准的调出每一种颜色,包括了三要素:色相、饱和度和明度。
我们肉眼所见到于是能说出来的颜色就叫色相,所有的色相都可以用色环来展示。
饱和度(saturation)即纯度,指色彩的鲜艳程度——颜色中含有灰色的程度。饱和度越高,颜色越纯,色彩越鲜明;饱和度越低,颜色中灰色成分越大,色彩越黯淡。
明度(value),即色彩的亮度,明度反映的是色彩的深浅变化,如粉红、大红、深红,都是红,但一种比一种深。明度的变化来自于颜色中白色的成分变化。一般情况下在颜色中加入白色,明度提高,加入黑色,明度降低。最大值时,所有颜色都变成白色,最小值时,所有颜色都变成黑色。
下面来看一下明度(Value)的具体应用。
TINT:HUE+WHITE
在色彩中加入白色。这种基调给人更加明亮、和平但缺少活力的感觉,更体现女性色彩,适用的行业有spa、美容等。
SHADE:HUE+BLACK
在色彩中加入黑色。神秘、黑暗、罪恶、危险色调,更体现男性色彩。使用纯色或更明亮的阴影色时,与渐变能很好搭配。
TONE:HUE+GREY
在色彩中加入灰色,调性不至于太黑暗但能突出冰冷的感觉。
最后推荐两本色彩方面很好用的书:
一本是日本的视觉设计研究所的《七日掌握设计配色基础》。
还有一本是《红色范思哲 灰色阿玛尼》。这本书是从服装色彩搭配来讲的,因为是身边的事情,所以特别好理解。
好了,现在扫视一下身边你觉得好看的东西,再看看它的配色,是不是整个感觉都不一样了呢?
想了解更多设计和交互设计?驯鹿邀请到携程高级交互设计师,和大家分享“一个交互设计师的工作和生活”。
课程详情关注驯鹿公众号(ReindeerJob)回复lissa可得 :D