视觉元素解读(二)- 色彩 - 上

作者:董晶晖
2018-08-13
11 7 2

本文首发于董晶晖知乎专栏

色彩在游戏和影视作品中,发挥了极大的作用。我将基于个人的知识和理解,介绍色彩平面设计中常用的两种方法:Flat Color 和 Spot Color,并分别从电影领域(上)和游戏领域(下)讨论两者的应用。

之所以想要讨论这个话题,是因为色彩在信息传递中扮演的角色愈发重要。色彩能以最简要的形式,最快地传递视觉信息。我曾经和公司的 UX 设计师讨论过关于信息传递介质的变化趋势,我们注意到文字在游戏中扮演的角色正在弱化。玩家普遍更倾向阅读图片或者视频。即使他们需要阅读文字,他们也只会关注引起他们兴趣的部分( 注意,能引起他们兴趣的内容不一定是最重要的内容 )。越来越多的游戏开始使用图像来代替文字信息。比如最常见的就是武器使用图标表示,而不是仅用文字显示具体的型号。如果我们要靠图像在游戏中传递信息的话,我们需要参考色彩在电影中的应用。因为电影中的很多信息,都是通过镜头语言呈现给观众。在缺乏文字信息的情况下,画面以及色彩是电影传达信息的有效方式。

Here we go.

Flat Color

 Siegfried Odermatt 1960 年设计的广告便是很好的例子

Flat color 本是平面设计中涉及到的一个概念,它是指印刷过程中,每个颜色都是自身原有的色彩,没有和其他色彩进行混合,没有任何渐变处理。它往往能打破观众的预期,制造出很强的对比效果( 尤其加入了黑色之后 )。在电影和游戏中,flat color 出现的频率很高。我认为它最重要的作用,就是把当前场景( 游戏界面或者电影画面)的基调,以最快的方式传达给观众。并且观众不需要花费太多精力,就可以处理这个信息。

《诺斯费拉图》

首先,我想提及伟大的默片作品《 诺斯费拉图》。电影《偌斯费拉图》因为技术的限制,所有的拍摄都是在白天完成。然而在剧情中,大部分的故事都发生在夜晚。于是,影片最后使用了上色技术,用来区分场景和时间。

影片中,青色代表夜晚(月色),黄色代表白天(阳光以及灯光),红色代表危险的处境。

男主角 Hutter 第一次来到伯爵的城堡正值半夜。所有夜晚的画面都使用了青色。除此之外,观众还可以通过青色来判断人物是在室内还是室外。因为即使是夜晚,如果室内有灯光,该场景依旧会使用黄色。这让影片中的整个空间也变得更为清晰。

如果是白天或者室内有灯光的话,整个画面就会是纯粹的黄色。其实大家可以注意到,相比于黑白或者是全彩画面,单色似乎更脱离我们的现实经验。它赋予了画面更多的象征意义和抽象意义。同时也显示了故事的进度( 比如故事时间线从白天转向了夜晚 )。

影片中红色出现的次数非常少。第一次它出现在男主角告知马夫自己要去伯爵的古堡时。第二次出现在伯爵享用完女主角的鲜血后,发现窗外已近白昼,自己来不及脱身。

尽管以现在的眼光来看,《 偌斯费拉图》所使用的色彩技巧还是让人感觉疏离。但是,相比于使用字幕来交待时间信息和环境氛围,色彩的解决方案无疑更高一筹。鉴于《诺斯费拉图》的题材是关于鬼怪,纯色的画面营造出超现实的氛围,契合了故事的主题,创造出独特的艺术风格。

《异形:契约》

回到现在,当代电影的画面丰富度和色彩细节已经远远超过 1920 年的上色电影,但是我们依然能发现纯色发挥着巨大的作用。以电影《异形:契约》为例。影片中多次出现大面积使用纯色的场景:

母飞船的操作界面

飞船内的界面颜色为蓝色,冷色调,具备工业金属的冰冷感。但也代表着稳定、冷静。这符合母舰所处的外太空环境,相比于风雨交加的地面,更为稳定。尽管蓝色显得冰冷,但实际上,它和绿色都是代表生命的颜色。这也符合运载着上千生命体的殖民飞船的抽象意义。

子飞船的操作页面

子飞船内的界面颜色为黄色,暖色调。一则可以让观众轻易区分地点环境。因为飞船内的构造大同小异,如果遇到快速镜头切换,观众不容易判断此时人物所在环境。二提供一种警示(像黄色在交通信号灯中的应用)。因为子飞船是船员进入星球的唯一途径。穿过暴风雨前往未知的地面,黄色的界面显示出警示的效果。

大卫第一次出场的房间

至于新的白色异形,和大卫形象有很大关系。大卫在影片出场时,全身皆着白色。彼得看着自己创造出的生化人大卫,不禁惊叹道——“完美”。之后,大卫以米开朗琪罗的著名雕塑为自己命名

我们可以想象,米开朗琪罗雕刻出通体雪白的大卫塑像时,势必也会赞同不已,如同彼得。而当大卫看见浑身白色的新异形时,他眼中的惊叹,已无需任何解释。

导演本身在人物形象的代表意义上,就采取了大卫王(杀死巨人歌利亚) - 大卫(消灭造物主工程师) - 异形(生命的最高等级)这样合理的设定。而从视觉上,他选取了白色作为一脉相承的标志。

大卫的研究室

关于电影中大卫的研究室,我的第一反应是这幅图:

这取自于《卡里加里博士的小屋》,图片显示的是博士的办公室。而《异形:契约》中,大卫的研究室是这样的:

我们可以看到,两个房间都是暖色光线,但是因为光影的处理,都显得十分阴暗。同时,房间内堆满了各种研究材料:人体器官模型,古旧的书籍和诡异的标本等等。这些材料既显示出其主人的强大能力,也表现出他们性格上的偏执。

《肖申克的救赎》

再举一个例子——《肖申克的救赎》。在这部电影中,它使用了最基本的两种颜色来区分桎梏和自由。

监狱场景中,整个画面的基调是以蓝色为主。而红色则成为了自由的代表。

Spot Color

David Drummond 为书籍设计的封面

Spot color 本指专色印刷,它采用黄、品红、青、黑四色墨以外而设计所需的一种特殊颜色作为基色来进行印刷,包装印刷中经常采用专色印刷工艺印刷大面积底色。根据我的理解,Spot color 可以引申为点缀色彩或者突出色彩。它能轻易抓住观众的视线,突出画面中想要强调的元素。这种方法在电影中被频繁使用。而在游戏中,spot color 能强调设计师最希望玩家关注的元素,不管是人物角色还是菜单中的重点选项。

《辛德勒的名单》

相信电影中身穿红色衣服的小女孩,给每个观众留下了深刻的印象。红色在这个镜头中,是一个主观色彩。它暗示辛德勒自己被这个天真无邪的小女孩所吸引。同时观众的视线也会被这一抹红色所吸引。红色(小女孩)代表了人类残暴时代中的最后一丝纯真和善良。它给予这黑白画面,也是这黑暗世界中,最温柔的慰藉。这是我在电影中看到的最悲伤的红色。

《第六感》

红色在该电影中并不是基调颜色,但是它象征着死亡和灵魂。影片中的其他颜色都被降低了饱和度,以突出红色元素。

比如影片中上升的红色气球,它显然是画面的中心元素,象征着逝去之人的灵魂飞向天堂。而在接下来的画面中,Cole 沿着楼梯往上走。他身穿的红色毛衣和红色气球,从视觉上建立了联系。而在剧情中,这暗示 Cole 已经引起了鬼魂的注意。

而红色之后也在各种现实物体中频频出现,比如红色的门把手,Cole 用红笔写下的文字等等。灵魂世界对现实的影响被不断地强调。

《罪恶之城》

该电影的画面完全就是视觉的盛宴。红色在该电影中代表着情欲和死亡,如同即将枯死的红玫瑰一般的存在。最后我想分享一下如何有效地使用 Spot Color。在书籍《写给大家看的设计书(第4版)》中, 作者 Robin Williams 这样写道:

“颜色往往要么是暖色(这说明其中包含红色或黄色),要么是冷色(说明其中包含蓝色)。可以通过增加一些红色或黄色将某些颜色“加热”,如灰色或黄褐色。与之相反,也可以对颜色增加不同程度的蓝色对其“降温”。

不过,我希望你记住更实用的一点:冷色趋于做背景色,而暖色是趋进型的。暖色不费多大功夫就能产生效果,红色和黄色能立即映入你的眼帘。所以,如果要组合暖色和冷色,一定要少用些暖色。由于冷色是后退型的,所以使用(有时则必须使用)更多的冷色才能产生效果或形成有效的对比。

不要让冷暖色太过均衡!一定要充分利用这种视觉现象。”

回头看电影中的画面,红色所占的比例确实不多,使用得非常克制。但是这样才创造出了最强烈的视觉对比。

以上就是我关于色彩设计在电影中应用的个人解读。欢迎指正和讨论。关于游戏中的应用,我会在《视觉元素解读(二)- 色彩 - 下》具体阐述。

参考阅读

近期点赞的会员

 分享这篇文章

董晶晖 

游戏程序员/爵士爱好者 

您可能还会对这些文章感兴趣

参与此文章的讨论

  1. ffnumber1 2018-08-13

    图片挂了

    • eastecho 2018-08-13

      @ffnumber1:解决了,谢谢提醒~

您需要登录或者注册后才能发表评论

登录/注册