理解色彩

北京/UI设计师/5年前/618浏览
理解色彩

如何有效地使用色彩来调节情绪和氛围,如何搭配相得益彰的色彩,如何有效的选择色彩来帮助叙事,如何创造出让人愉悦的色彩搭配。

“如何使用色彩”可能是设计师面临的最大难题之一,

很多人对于如何有效地使用色彩来调节情绪或氛围把握得不是很好,同时大部分人也受困于如何选择搭配起来相得益彰的色彩,所以这篇文章的主旨是帮助大家来理解色彩,以及如何有效地选择色彩来帮助叙事,或者如何创造出让人愉悦的色彩搭配。


我们从三个方面展开

1、为什么色彩如此重要

色彩使用得当时,就可以将观看者的目光吸引至画面重点,比如这张图片中,我们的注意力集中在了红衣女子身上,接着是红灯笼身上。


色彩也可以帮助叙事,或者帮助作者营造整个场景中的故事氛围。

如下图所示,极致的色彩表达,帮助作者营造出一种紧张,压抑,神秘,有深度的故事情绪,由此带动观看者的思维走向。


然而使用不当时,就会像下面这张丑图,会让观看者迷失,犯恶心或者逃离,所以色彩既可以成就也可以毁灭你的场景,明确色彩搭配非常重要。


我们的眼睛在一天中要看到无数的色彩信息,但是我们却很少停下来去学习色彩,所以在实际生活中,我们很难从记忆中挖掘出各种色彩的作用。

可能有人要说:在我们小时候,作为小孩,我们学习了色彩最简单原始的形式,红黄蓝等,但是当我们在艺术作品中要试着用这些原始色彩时,我们很快注意到结果很丑,就像下面这张图一样。

为什么会这样?


2、饱和度和明亮度

饱和度和明亮度就是问题的关键,饱和度是色彩的浓度或者纯净度,它正是配色丑的罪魁祸首之一,其二是明亮度,指的是色彩亮度或者暗度。

如上图所示,左边是100%的红色,看起来很刺眼,不是那么好看,但是当我们把红色的饱和度变成20%时,成为了粉红色,也接近肉色时,情况就好多了,颜色看起来就赏心悦目一些,但是我们根本就没有调节色彩,只是改变饱和度 ,结果就大大不同。



再来看明度,同样,我们把明度也降低为原来的20%,现在变看起来更像是褐色。差别一目了然

现在我们同时调节饱和度和明亮度,可以看到能创造出大量的渐变色,它们都来自于开始的那一种原始色

正如这幅画所展示,这幅画中唯一用到的颜色就是红色,只是和白色黑色混合了,也就是改变了饱和度和明度,就能用一种颜色绘制一幅画。



上面这幅图则显示了饱和度可能是最大祸害之一,很多设计师会选择高饱和度的颜色,因为他们认为这样作品会更好看,但实际上这样是大错特错,过饱和的颜色不仅看起来非常假,而且到处是用饱和度的颜色会让人的眼睛很疲劳不堪。这一点对与图片而言很重要,比如上面这张图,盯着看很近会恼火,所以图片中加入低饱和度的区域非常重要。


但也不是说明亮且高饱和度的色彩就都不好,如下图大家的视线会自动画面中的红色长廊木亭所吸引,这就是有意而为之,高饱和的色彩可以被用作为构图要素,因此,大家的视线会跟随亭子来延展


色彩也可以辅助叙事,如果你看过史上的很多画作,就会发现耶稣总是穿着红色的衣服,主要是想把大家的注意力吸引到他身上,同时让他显得很有power


高饱和与明亮的色彩也经常运用到卡通上,你一眼就知道所看到的东西都是假的,更符合其超现实、虚拟的品质


亮度和饱和度甚至也可以调节图片反映的情绪,如果你们还记得飞屋环游记的开头,

色彩非常鲜艳,包含很多橙色,粉色,发亮的绿色,还有很多其他鲜亮的颜色,这是为了强调他们生活中的幸福时光。但之后场景转向悲伤,色彩也非常欠饱和,包含很多灰色和棕色,这有利于让观众感受寒意,即角色正经历的寂寞感


同样的效果在超人总动员中也有使用,以及黑色帝国。色彩是一种强而有力的改变情绪的方法,在很多电影和游戏中也很常用,下面的图片来自韦斯·安德森的《布达佩斯大饭店》


色彩也可以用作辅助构图,如果不是前景中色彩高饱和的鹦鹉,可能这张图片也不会像现在这样成功,这只鹦鹉的确是提供了一个视线的锚点,以此让你随心所欲地观察照片的其余部分



3、色彩调和

色彩调和基本上是关于如下事实:

有些色彩搭配起来比其他色彩更漂亮,也叫配色方案,下面我们来说6种受欢迎且常见的色彩调和方法,基于具体概念,你可以立刻在自己的作品中用起来。



第一种单色

单色可能是最简单的一种入门形式,因为只含一种色彩,整张图中只用一种色彩,最适用于单对象,因为这会强制观看者关注图片的细节,以及其中变化的明亮度和饱和度,也可以用来营造引人瞩目的氛围,我们会关注故事本身,而非色彩。




第二种:相似色

色轮上相邻位置的色彩,通常就像大家现在看到的这种邻近关系,因为在大自然中很常见,就像绿色和蓝天这样的搭配,色彩的关联性很强,所以搭配起来看起来比较和谐。



第三种:三间色

这一种可能是最难实现的,包含了色轮上等距的三种独立色彩,最适合卡通或者超自然主体,因为这种配色可能会让人觉得妙趣横生,往往会比较出挑。



第四种:互补色

基本上就是色轮上相对位置的色彩

非常流行,很多艺术作品,不仅今天,贯穿整个历史,人们一直在使用互补色,这种配色本身就很容易被眼睛接受。

色轮上位置相对的颜色搭配起来看着更【漂亮】,但是有一点大部分人没有提到 ,两种颜色的比重不应相等,

即青色和红色搭配时,不要各站50%,而是应该有个主色调,通常是较弱的色彩占主导,

比方说你要用绿色和红色,应该更多地用绿色,可能大部分场景是绿色的,然后点缀一些红色。






第五种:分割互补色

基本上就是择其补色分割为两种相邻的颜色

更多颜色选择,总之这种色彩方案更生动,欢乐,下面两个示例分别是(蓝紫黄)和(紫黄绿)的搭配。



第六种:双色互补色

或者不妨称其为双色互补,也是其两外一个名字,基本上这就是用两组互补色,所以建议其中一组互补色的色彩作为主色调,另一组只是点缀。




4
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
奇遇华夏
Homepage recommendation
时而精酿酒馆品牌设计
Homepage recommendation
字体设计CN(2025) Vol.06
Homepage recommendation
相关收藏夹
《阿凡达3》来了
《阿凡达3》来了
《阿凡达3》来了
《阿凡达3》来了
精选收藏夹
作品收藏夹
茶包装
茶包装
茶包装
茶包装
精选收藏夹
作品收藏夹
白酒包装 酒产品
白酒包装 酒产品
白酒包装 酒产品
白酒包装 酒产品
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
品牌制造社
品牌制造社
品牌制造社
品牌制造社
精选收藏夹
作品收藏夹
电影海报精选
电影海报精选
电影海报精选
电影海报精选
精选收藏夹
作品收藏夹
大家都在看
Log in