色彩在游戏中的应用:深入探讨游戏设计中最有用的工具之一

色彩在游戏中的应用:深入探讨游戏设计中最有用的工具之一

最初由 Herman Tulleken 于 2015 年 7 月 29 日发布

翻译:XDorz87

由 MilkReaver 编辑

以下文章(除非另有说明)均由 Gamasutra 社区成员撰写。

所表达的想法和观点均为作者的想法和观点,并不一定代表 Gamasutra 或其母公司的想法和观点。

(本文由我与同事 Jonathan Bailey 合作撰写)

关于色彩的知识涉及多个领域:物理学、生物学、心理学、艺术和设计。色彩是艺术家用来营造氛围游戏设计师用来强调特色、营销人员用来吸引注意力的强大工具。在本文中,我们将探讨游戏中的色彩 - 色彩的用途、技术如何改善色彩显示以及我们的生理机能如何影响我们对色彩的感知。

游戏中颜色的作用

色彩视觉的主要功能是使物体更容易区分,事实上,游戏中颜色的使用反映了这一点。我们将苹果做成红色,因为它们在现实世界中是红色的,所以我们可以在游戏中更容易识别它们。但颜色在游戏中还有许多其他功能,就像它在艺术、设计和电影中一样。本节介绍其中的一些。

情绪

颜色是唤起情感的有效方式。

以下示例显示的是完全相同的场景,但颜色不同。每个场景都有不同的氛围。

moods2

调色是一种流行的技术(改编自电影制作),它允许您通过单击调整游戏的颜色;通常更改的目的是为了改变心情。以下是使用不同调色方法处理的图片示例:

Image05

有时,改变颜色可以非常有效地减轻情绪冲击。例如,为了让游戏看起来不那么暴力,有些游戏会使用绿色血液来通过审查要求(例如在德国)。

追求知名度和品牌效应

颜色在游戏品牌中扮演着重要的角色,使它们能够被立即识别:《传送门》的蓝色和橙色,《镜之边缘》的鲜红色,《超级食肉哥》的肉红色,《超级马里奥兄弟》的淡蓝色,《热线迈阿密》的火粉色。

Image07

Image08

Image11

Image09

Image10

除了使游戏具有可识别性之外,颜色还有助于向目标受众表达游戏:例如,休闲游戏更常使用明亮的颜色,而硬核游戏则使用柔和的颜色。

Image13

(休闲游戏)

Image12

(第一人称射击)

游戏中的颜色选择往往受到时代潮流的影响。以下是跨越三十年的四个不同年份最流行的颜色示例。

Image17

年度最受欢迎五款游戏的色彩模板(按年份划分)

2012 年,蓝色和棕色/橙色明显成为主流。Xaphan 将色彩鲜艳度的降低(这会使游戏看起来更加同质和单色)归因于人们希望让游戏看起来更加逼真游戏设计,以及使用阴影和灯光氛围。许多游戏都刻意使用不饱和和褪色的颜色来实现逼真的效果。

heavyrain4

视觉层次

游戏场景中的元素形成了自然的重要性层次。例如游戏设计,首先是玩家角色,然后是敌人,然后是可交互对象,最后是背景元素。颜色可以使这种层次结构在视觉上更加清晰。在绘画和电影等视觉作品中,这一原则用于引导观看者的视角关注重要事物。在交互式作品中,这一点更为重要,因为它可以让玩家弄清楚要做什么:去哪里、杀死谁、捡起什么。

亮度、饱和度和色调都可以用来区分重要元素。

limbo

(以亮度为重点)

Portal-saturation

(注重饱和度)

drift

(以色彩为重点)

查看针对游戏开发者的视觉层次指南。

日程

颜色可以给玩家一种进程感:一种时间或空间变化的感觉。例如,在《风之旅人》中,心情的变化和颜色的变化是密不可分的。

journey_colors

Geometry Dash 中的背景采用彩虹色排列,这样的设计还有另一个目的,就是为了让游戏关卡更加鲜明(这个想法会在下面的内容变化部分中进行更深入的讨论)。

Image14

机制

有些游戏使用颜色作为一种新机制。

Exit Palette 是一款具有颜色混合机制的益智游戏。游戏的目标是将不同的颜色涂在物体上以到达关卡出口。不同的颜色赋予物体不同的属性(例如使它们向上飞),而混合正确的颜色可以赋予物体特殊的属性,可用于解决谜题。

《Hue》是一款玩家必须改变游戏世界的色调来使特定物体消失的游戏。

游戏《DayZ》有一个染色机制,你可以使用浆果制成的染料来改变衣服的主色。通过以不同的比例混合浆果,你可以获得二次或三次颜色。

dayz-dyeing-color-mechanics-on-current-0-58-exp

有些游戏利用辨别颜色的难度作为游戏机制。Color! 游戏要求您在网格上找到不同颜色的方块,它会一遍又一遍地显示更多方块和更接近的颜色。Specimen 要求您在黑色培养皿中识别与背景颜色相同的斑点。

Blendoku 要求您在填字游戏式网格上按渐变顺序排列多个颜色样本。Huedoku 也有同样的理念,不过是在网格上。这些游戏类似于在线色彩挑战,您可以根据自己按顺序排列四组渐变色样本的能力获得积分。

Brandseen 是一款依赖于颜色记忆(或品牌识别)的游戏:玩家凭记忆匹配知名品牌的颜色,并根据其表现获得分数。

符号与标识符

颜色标识符(也称为字形)用于对游戏元素进行分组和分离,例如区分玩家、游戏内角色和游戏区域。

ageofempires

(《帝国时代 3》)

颜色代码应易于标记或与场景中的其他标识符和中性颜色区分开来。标识符通常用于诸如《杀戮地带》和《国家崛起》中的领土争夺战等战斗游戏中。

Kil20zone

(杀伤区)

Rise20of20nations

(万国觉醒)

里程碑

地标用于向玩家传达元素(如地面上的物品或区域)的特征。物品或区域的颜色表示是否可以互动以及如何互动。

在《镜之边缘》的奔跑模式中,帮助您前进的物体会以红色突出显示。

Image04

(“镜之边缘”)

在即将推出的游戏《见证》中,特定区域将被赋予不同的颜色级别,以凸显其重要性。

Portal 2 中的短程传送器会发出蓝色波,将物体向前推动,还会发出橙色波,将物体向后拉。

portal-ex

(传送门 2)

在《加勒比海盗》Online 和许多其他游戏中,人们使用颜色根据药水成分的组成对其进行分类。

piratesofcarribean

(加勒比海盗Online)

内容变化

颜色变化是向您的游戏添加内容最便宜的方法。

在使用抽象艺术的游戏中,关卡往往看起来非常相似,因此很容易低估游戏的深度。在关卡之间改变背景颜色在视觉上更加明显,玩家更容易感受到游戏的深度和多样性。Splice 就是这样做的。

Image02

有些游戏,例如《Tiny Wings》和《Blowfish Rescue》,使用算法来生成无限的颜色对。这里有一篇文章解释了程序化生成调色板的一些基本技术。

(展翅翱翔天际)

Image01

(拯救河豚)

我们还在 Unity 中制作了这个插件来执行以下操作:

Image16

改变颜色还可用于为游戏添加更多内容。当硬件容量仍是一个问题时,改变调色板(如下所述)以添加更多敌人和游戏物品是很常见的。如今,改变颜色来添加内容仍然很流行。当颜色也作为标识符时,通常会使用此技术。

Image15

技术如何影响色彩表现

自从游戏最初在黑色背景上使用白色和绿色图形以来,各种机器上显示的色彩范围已大大提高。这使游戏看起来更加逼真。

Galaxian(1978 年)是第一款使用 RGB 颜色的游戏。在此之前,游戏中看到的颜色是由玻璃纸和纸板图案作为背景制成的。

原文编辑:我们似乎搞错了第一款彩色游戏!在此之前游戏图片素材,有几款游戏使用了颜色。确切的历史有点模糊,但候选游戏包括 Wimbledon 和 Color Gotcha。Galaga 可能是第一款使用多种颜色精灵的游戏。在“第一款真正的彩色街机游戏是什么?”专题中,Keith Smiths 谈到了几款最先使用颜色的游戏。(感谢 Nicholas Ralabate 在评论中分享此链接)

Galaxian(1)

(小蜜蜂)

1994 年,PlayStation 成为第一款支持超过 256 种颜色的游戏机,这是其竞争对手超级任天堂和雅达利 780 的游戏机的特色。PlayStation 在推出时支持 1670 万种颜色。

Colour Lovers 制作了一张精美的视觉信息图,展示了电子游戏色彩的历史。其中一部分如下所示:

Image18

设备(例如打印机、电视或 LCD 屏幕)的色域是设备可以显示的色彩空间的子集。大多数显示设备使用红、绿、蓝三原色来处理场景。这三种颜色的组合可以产生三角形区域中的任意颜色。

getImage

随着技术的进步,设备的色域越来越广,游戏可以显示越来越多的颜色。能够显示人类可见的所有颜色的设备是一个不切实际的目标,但有些设备正在实现这一目标。一些投影仪使用更多原色来增加色域。例如,具有 Brilliant Color 技术的投影仪。激光投影使用三个激光器来产生当前显示设备可以产生的最宽色域(包括人类可见的 90% 的颜色),其理念是激光器产生最逼真的原生单色。

增强感知色彩的古老技术

调色板交换用于 8 位和 16 位彩色游戏,以增加艺术内容并减少创建 2D 精灵的繁琐工作。增加游戏角色和道具多样性的一种简单方法是重复使用相同的精灵,但使用不同的调色板。

Image03

游戏中不同场景之间也使用交换调色板来增加可用颜色的数量。在 3D 渲染和完全真正的 32 位彩色游戏出现之前,调色板循环用于在 SPY Special Project Y 等游戏中为水、火和其他环境效果制作动画。颜色循环使用单个平面图像和 256 色调色板(在当时所有显卡的功能范围内)。视觉效果(或动画)使用循环调色板上的颜色来创建像素移动的幻觉。

Palettecycling

抖动是一种使用不同颜色的交错像素来增加色彩量的技术。例如,要创建黄绿色,您可以将绿色和黄色像素放置在黑白棋盘图案中。在下面的《波斯王子》(阿拉丁)截图中,您可以看到沙丘和云朵中的抖动效果。

aladdin(1)

色彩生物学

当光线从物体上反射并到达眼睛的视网膜时,大脑就会感知颜色。然而,不同的颜色有不同的生理效应,并不是所有人看到的颜色都一样。这会影响玩家在许多游戏中的体验。

生理影响的一个例子是我们如何看待红色。红光聚焦在视网膜后面,迫使晶状体凸起以将焦点拉向前。因此,我们认为红色区域在向前移动。这也许可以解释为什么红色会吸引我们的注意力,以及为什么像《暗影刺客》这样的游戏会利用它,或者为什么暖色放在冷色旁边时会看起来像在向前移动。

色盲游戏

色盲或色觉障碍是指在正常光照条件下无法看见颜色、或看见颜色的能力下降,或对颜色的感知有差异。

每 20 名男性中就有 1 名患有色盲,每 200 名女性中就有 1 名患有色盲。最常见的色盲是红绿色盲,这种色盲患者很难区分红色和绿色。下图显示了正常视力下看到的颜色(左)和红绿色盲患者看到的颜色。

Image19

虽然大多数游戏不是为色盲玩家设计的,但许多游戏已开始在设计过程中考虑到色盲问题,比如除了颜色之外还提供视觉提示(形状、文字、图案)。

第一人称射击游戏中常见的一个问题是使用红色和绿色指示器来区分敌方队伍。常见的解决方案(如《使命召唤》中采用的)是提供蓝色和橙色指示器作为替代。Treyarch 甚至聘请了一位色盲人士担任游戏测试负责人。

color20blind

本文提供了一些示例,说明如果您是色盲,游戏会是什么样子。

禁止使用的颜色

不可能的颜色或禁色是指由于视网膜的功能3D角色,从生理上来说无法同时看到的颜色。禁色不是混合色,而是接近两种颜色的色域,例如看起来像“红色和绿色”或“黄色和蓝色”的色域。

红光刺激视网膜中的视锥细胞,让我们看到红色,同样,绿光抑制视锥细胞,让我们看到绿色。大多数颜色都会导致这些细胞产生混合效果,因此红色和绿色会相互抵消,这意味着我们无法在同一个地方感知它们。蓝色和黄色也是如此。

多项研究表明,禁色是可见的。这些实验包括使用眼球追踪器或进行使视锥细胞疲劳的活动。最近,Oculus Rift 在《Diatomic Number》等游戏中使禁色可见。

Image06

(双原子数)

文章来源:https://indienova.com/indie-game-development/colors-in-game/