理解色彩

用户头像
苏州/UI设计师/6年前/724浏览
理解色彩

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

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

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


我们从三个方面展开

1、为什么色彩如此重要

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


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

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


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


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

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

为什么会这样?


2、饱和度和明亮度

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

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



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

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

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



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


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


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


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


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

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


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


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



3、色彩调和

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

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



第一种单色

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




第二种:相似色

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



第三种:三间色

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



第四种:互补色

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

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

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

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

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






第五种:分割互补色

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

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



第六种:双色互补色

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




4
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
倒计时,海报,平面
平面人物插画
平面书法字手写
中国传统纹样创新图案设计
平面花卉图案扁平简约无缝拼接插画
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
城市园林平面布局航拍
城阙凡花
城市园林平面布局航拍
金色颗粒质地的平面
平面男孩喝咖啡插画设计
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
空的平台平面和自然景观
平面插画情侣/矢量
海底世界插画
金色颗粒质地的平面
金色颗粒质地的平面
平面插画设计女孩喝咖啡
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册