首页 > 业界新闻 > 详情

万字长文,解析游戏关卡设计中的构图原则

在设计一个关卡时,你可以用自己所需的任何物体来构造虚拟环境。这是关卡设计师与风景摄影师之间的区别。你不必去适应自然或建筑的现成元素。你可以极大地影响场景。关卡设计师的工作相当于画家。现在让我们将关卡视为画廊,关卡远景就是图画。这意味着玩家可以从一个构图穿越到另一个构图。

你什么时候应该关心构图?我只能说你必须时刻关注,但这并不太可能。这是一个极耗时间的任务,有时候你也没有必要创建一个令人印象极深的构图。好消息在于创建美观的构图很简单,并且很容易成为你的第二天性。我所遇到的许多设计师就可以制作出很棒的关卡,但他们并不知道如何或何时运这用这些构图。我将在本文展示自己规划和部署美观场景的方法。


你何时何处运用构图原则:


*环境构图——-兼具视觉和玩法区域,玩家可以看到一切的大图。你可以构造一个走廊和房间、城镇、景观,远处地平线和极美妙的背景。这种构图通常只能从少数角度观看,这可以让构图规划更容易一些。


*环境元素构图-—– 装饰物、细节和物体组合等大图的组成部分。如垃圾桶旁的废弃物,地面上的岩石,桌上的东西。这种构图可以从任意角度观看。


*视觉反馈&导航——突出物体,呈现走向物体的路径,引导玩家穿过特定区域。如果玩家的目标就是走向断路器,你就必须将玩家引导到那里,或者向玩家呈现相关路径,这样你就可以运用构图原则来突出那些可能抓住其注意力并更改其行走路程的东西。


构造你所会的一切与模仿自然之间的界线并不明显。你可以创造墙壁上风吹树叶的构图,但其结果可能有点过犹不及了并且不自然。构图是用来安排空间从而产生富有吸引力的画面。树叶只是背景,你没有必要为之构图,除非是一堆需要玩家注意的树叶。大自然在创造美丽的构图,我们应该模仿自然的力量而非伪造自然。


构图基础


构图是场景元素的安排。运用构图原则的场景呈现了一个易于理解并且不会让观者困惑的和谐理念。和谐的构图会自然地将玩家的视线依照我们的计划引向图片元素。和谐会极大影响人们对画面的理解。为了实现和谐的场景,你必须运用色彩、光照、比例、方向和位置来设置场景元素和突出其中一些元素。换句话说,你可以展示画面的重要部分,将背景中的东西隐藏起来。


构图的对立面就是杂乱。在杂乱无章的画面上,你很难判断哪个物体是主导元素。在这种情况下,玩家可能会关注场景中的相关部分。在本文中,玩家与观者的角色是相同的。


构图层次


构图可以划分为三个主要层次:前景,中心点和背景。除此之外,你还可以在构图中加入画中点景的层次。



figure 1(from gamasutra)


(红色方块——主导元素;黄色方块——构图元素;绿色方块——观众;白色圆锥——观众视线;灰色平面——地形)


前景层次


这是距离观众最近的层次。这系列层次是作为前奏,为构图的主导元素创造框架。它在游戏中常被忽视。前景是用于让玩家注意到最重要的层次——中心点。记住前景的构图元素必须与构图中的其余元素具有逻辑上的联系。提亮前景物体可以将这个层次从其他层次中分离出来,从而创造一种场景隔离的效果。暗化前景物体则可以创造一种空间感,因为它与其余层次的对比更加鲜明了。通常情况下,我们只能看到物体的轮廓,你无需担心这一情况,在这个层次你并不需要显示细节和色彩。



figure 2(from gamasutra)


中心点


层次就是构图主导元素所处的位置。主导元素是构图的焦点,它不可与场景其余物体相混合,但仍然要与这些物体保持一致性,它应该更为明亮,并处于具有优势的位置,以便从其他元素中脱颖而出。有了主导元素,我们就有可能快速为场景的主题命名,例如:“在山间含有中世纪警戒塔废墟的冬季场景”,其中的中世纪废墟就是主导元素,山峰则是背景元素。你可以用主导元素来讲述一个场景的故事,并为该场景创造独特的标识。你必须规划好自己的构图,以便主导元素能够成为观众第一眼注意到的物体。要确保没有严重遮盖该主导元素的障碍物,但也无需担心重叠其他层次的物体。中心点可以有一个以上的主导元素。构图中的另一主导元素就称为平衡点。它可以是一幕“市集广场边有个破损坦克的喷泉”这种场景。喷泉是首个主导元素,但坦克残骸也同样引人注目。当观众了解所有的主导元素时,他就会开始在中心点寻找细节以及背景层次。



figure 3(from gamasutra)


背景层次


这是为构图收尾的层次。多数背景层次的主要内容是地平线和天空。背景层次通常采用平静而起源于配色方案,以及细节较少的物体。这有助于观众将注意力集中到主导元素。这些层次的用途就在于烘托主导元素的轮廓,强化场景比例,创造深度并减少场景隔离感的印象。有个可强化深度的效果就是空中视角(也称为色调或氛围视角)。这个层次要避免使用强烈的色彩,犀利的线条和太多细节。



figure 4(from gamasutra)


点景物


这是拥有活跃元素的可选层次,例如人类或动物形象。多数用来作为场景转移,比例参照或者引导视线的元素。注意人物的姿态或面部方向。它是一个极吸引眼球的东西,堪比主导元素。你可以用人物的视线来引导观众眼球,观众会注意到人物的脸并查看他究竟在看什么。



figure 5(from gamasutra)


观察参数


让我们从玩家将观看构图的观察点(地点或区域)入手。在你添加观察点之前,要先想想玩家观看构图的垂直和水平角度,以及玩家能够触及多少个观察点。


视角


这个角度决定了玩家如何察看主导元素。你可以通过修改主导元素的大小,高度或位置来更改视角以便实现更强的效果。


*低角度——从上往下看主导元素。这样的图片要以显示深度和透视感。这个角度可以让玩家在构图层次上获得更多可见度。你可以用它来作为玩家优势,并允许他来规划自己的战略或探索路径。


*平角度——从水平线看主导元素。这种场景让人感觉很平淡和无趣。多数情况下与强大主导元素和高构图视角并用。你可以通过适当降低玩家与主导元素之间的地形高度来修饰透视感和深度。


*高角度——从底部看主导元素,它简直主导了整个构图。它给人一种在主导元素的对比之下自觉渺小的感觉。



figure 6(from gamasutra)


(红方块——主导元素;绿方块——观众;白锥体——观众视线;灰色平面——地形)


构图角度


这是观众察看构图层次的角度。你可以通过更改这个角度,调整场景的透视感和深度。


*前角:当构图层次远离观众时,这个角度效果极佳,例如地平线上的山脉可以直达观众的视线。当层次与它们不同时就会呈现良好的深度。靠近观众的构图可能会变得平庸而单调,因为人们很难看到透视感。


*半前角:开始能够看到透视感的角度。这是用于狭窄场景的极佳角度。


*半边角:这是可让透视感发挥最佳效果的角度,也是运用最普遍的角度。


*边角:这个角度可完美显示富有距离感的模式。但是,如果没有强大的主导元素的模式,这种构图视角就会很单调。



figure 7(from gamasutra)


(红方块——主导元素;绿方块——观众;白锥体——观众的视线;灰色平面——地形)


观察点


如果观众无法移动时,创造构图就很简单了,因为他们会看到我们想展示的构图元素。如果观众可以自由切换场景,那么情况就会变得很复杂。电子游戏中的构图可以从任意角度和位置观察。你必须确保玩家能够从你所安排的位置看到构图。


为了引导玩家,你可以使用阻塞点或漏斗方法。这两者都属于类似走廊空间的类型,这些地点实际上并没发生什么特殊情况。我们通过无趣的漏斗可以确信玩家并没有关注玩法事件或细节。在这类空间中,玩家只会沿着路径寻找有趣的事物。如果你可以在一个走廊中抓住玩家吸引力,你就可以流畅地更改其角度将玩家视线引向构图的主导元素。这个方法极适用于线性关卡,你能够设计构图框架,并确保玩家会看到你希望他们看到的构图。玩家看到构图所站立的地方就称为观察点。



figure 8(from gamasutra)


(红方块——主导元素;绿圆形—–观察点;绿方块——观众;白锥形——观众视线;灰平面——地形)


让我们看看以上截图。屏幕和背景中的塔与屋顶线条和城市广场的形状相得益彰。在玩家离开火车站(后面)的时候这个构图看起来效果最佳。它通过引导玩家透过漏斗——车站唯一的出口大门,实现了完美的观察角度。


在半线性关卡中,我们必须考虑多个观察点。构图应该以一种从各个观察点看起来都具有吸引力的方式来创建。



figure 9(from gamasutra)


在《毁灭战士BFG》中,你可以看到设计师如何精心创造构图。其中的主导元素堪比导航辅助器,从各个方面看起来都很棒。


在开放世界关卡中,观察点会很大,所以检查玩家可以观察构图的所有角度是极为繁琐的工作。某个构图可能看起来很完美,但如果从不同角度来看,却有可能迅速变得一团狼籍。在你还不知道玩家会从哪里出现的时候,就很难使用小型构图元素。即使是这样,你还是有可能将主要构图原则运用于突出的主导元素,构图中最大元素的对称性和平衡性。你总能挑选到一些主要路径,并创造一个从主要路径上所挑选观察点看起来可行的构图。



figure 10(from gamasutra)


(红方块——主导元素;绿圆形——观察点;绿方块——观众;白锥形——观众视线;灰平面——地形)


构图元素的定位


定位


主导元素的位置可能极大改变构图的接受程度。这正是我们为何必须遵从一些基本原则以确保实现自己想要的效果。绘画或摄影有一系列关于如何创造构图的原则。你可以选择黄金比例作为辅助。


*静态(对称性)构图——主导元素设置于画框中央。构图看似人为合成,较为清晰。当你想强调模式或建筑时可以用这种方法。



figure 11(from gamasutra)


(红方块——主导元素;黄方块——构图元素;灰平面——地形)


*动态(不对称)构图——主导元素不在画框中央。位置是由定位规则来决定。构图看起来是自然形成,较为凌乱。可以用这种方法来模拟自然场景。确保你在主导元素和屏幕边缘之间留有空白。



figure 12(from gamasutra)


(红方块——主导元素;黄方块——构图元素;灰平面——地形)


平衡性


构图元素的位置是由平衡性来决定的。换句话说,也就是构图中每个对象的吸引力。更具吸引力的对象就能够抓住观众的眼球。太过于招摇或者过于重要的对象会产生一种该场景很简单和无趣的感觉。为了平衡场景,你必须决定每个对象的视觉比重。我指的并不是物理概念上的质量,而是其色彩亮度和强度,大小和细节。视觉比重是我们都能感觉到的东西,但并非人人都能意识到这一点。与相关元素的参数相比较,你就能够说出哪个对象更轻哪个更重了。


*重视觉比重——大规模,细节丰富,暗色,强烈色彩,对比鲜明。


*轻视觉比重——小规模,刻板形象,浅色,软色,对比不鲜明。


绘制一条可将你的构图一分为二的垂直线段。确定你构图元素的视觉比重。主导元素应该获得最高比重,而弱小元素应该拥有最低比重。这意味着主导元素的比重应该与构图另一侧的多个低比重元素相当。可以让物体尚着构图画框移动来达到你所想要的平衡感。你可能想让两边的视觉比重一样,或者通过移动物体令其更靠近或远离主导元素,从而创造更为强烈的构图。



figure 13(from gamasutra)


(红方块—–主导元素;黄方块——构图元素;灰平面——地形)


引人注目的事物


有时候你必须确保自己的构图主导元素获得它所值得的关注。你可以使用一些额外技巧来虏获玩家眼球。


细节


细节密度方法与细节和平淡空间的对比有关。细节丰富的地点可以轻松获得玩家注意力,因为那里有东西让他们看。你可以通过细节考虑该在哪个地方使用更多物体或更丰富的纹理。你还可以使用标记、文本、海报、涂鸦、绘画和雕像来获取玩家注意力。



figure 14(from gamasutra)


线段


通过设置构图中的元素,在特定方向绘制线段,我们就能够引导玩家眼球。我们将这种线段称为引导线。你必须突出这些线段并设置它们的方向。即使是玩家位置或摄像视角的小调整也可能极大改变场景的接受度。构图中的线段有两种类型:


*实际线段:通过边缘和构图元素绘制出来的可视线段。


*虚拟线段:在构图上并不明显,它是由绘制出画中点景物视线方向的构图元素所组成。这些线段存在我们的想象中。你可以用它来丰富构图和突出元素。


线段方向应该是平静而柔和地流淌空过场景,艱是与主导元素的方向一致。这可以创造一种和谐感。通常构图元素会绘制出一条引向主导元素的线段,但有些开放式构图中的线段也会在不显示主导元素的情况下柔和地引导场景。这些线段多位于背景或前景层次。硬线条和边缘是为主导元素或其他重要构图元素所保留的。


*水平线:用于为场景塑造宽度和深度。静态、稳定和平静,极适用于地平线。你可以用它来创造令人印象深刻,广阔和没有变化的场景。要避免在前景和中心点层次使用大量水平线段。即便你设计一个停车位,你也需要汽车和其他物体来打破停车位的水平线。



figure 15(from gamasutra)


*垂直线:用于突出构图的高度和强度,并创造一种庞大或庄严感的印象。你可以将其用于那些必须令玩家难忘的物体。



figure 16(from gamasutra)


*曲线:我喜欢使用建筑术语中的“美丽线条”来形容。它是一种弯曲,“S”形蜿蜒流过构图的线条。它可以让构图看起来柔和而自然。



figure 17(from gamasutra)


*有角线段:可以让人产生一种动态和积极场景的印象。



figure 18(from gamasutra)


色彩


你可以用对比和色彩饱和度来捕捉玩家眼球。色彩是向玩家传递信息的重要方法之一。这就是所谓的视觉语言。选择一种强烈的色彩或进行鲜明对比,可以给你的构图或你的关卡导航创造深刻的印象。确保选择一种适合你构图的颜色,并且不要让它与你游戏的视觉语言相冲突。有时候抓住玩家眼球就需要你选择一种稍微有别于游戏主色调的色彩。



figure 19(from gamasutra)



figure 20(from gamasutra)



光线

光照与阴暗表面的对比可以塑造场景的基调和深度。没有对比的构图一般会很无趣和了无生气。你可以用光对比来突出一些构图元素,例如点亮物体的前面或者轮廓令物体浑身发光。要妥当地点亮最重要的物体,构图中的其余元素应该被阴影所掩盖或者只能有较小的光亮。这一点不可违逆,因为多数玩家还不习惯从暗处寻找有趣之物。确保光的强度、色彩和方向之间有明显的区别。你用于突出物体的光应该遵从美术方向,配色方案和场景照明原则。这样你就可以将玩家引向退出口或者向其显示可拾取的道具。



figure 21(from gamasutra)


比例


更大的构图元素会比场景中的其他物体更扎眼。如果所有物体都同样大小就会产生一种嘈杂和单调感。你可以更改每个物体的比例,以便更大的物体获得玩家关注。这可以是位于山顶的大型雷达盘,或者摩天大楼。这样的物体总会更显眼。你还可以颠倒过来,将构图中最小的物体作为最重要之物,但这种做法有点冒险。一般来说,占据更大屏幕空间的大型元素更易获得关注。



figure 22(from gamasutra)


运动


你可以通过添加构图中的移动元素来增强主导元素。这可以是一面旗帜,一柱烟火,一只飞鸟或者一个行人。



figure 23(from gamasutra)


提示


*要让你的构图在每个层次都保持一致性。


*你可以将前景层次与其他层次相混合(道路,物体位置)。


*给予玩家数秒时间来注意、分析和理解构图。


*如果主导元素在观众视线之上,你可以创造梯子或斜坡。在倾斜的地形上,玩家会自然向上看并注意到主导元素。


*构图需要空间。注意狭窄的街道和建筑。如果它们太靠近彼此了,就没有办法设置观察点了。


*使用一个构图主题,避免一次性讲述太多故事。


*应该妥善点亮主导元素,丰富其细节和色彩。背景和前景区域的细节和色彩不能太多。


*主导元素太弱或者构图太嘈杂都会快速令玩家分心。


*缩小背景层次的物体比例,以便创造一种该物体在较远方向的感觉。


*让玩家的注意力一次只集中在一件事物上。确保在战斗后,玩家总有喘息和欣赏风景的时间。


*如果构图并不在观众的视域范围那也没有什么不对。要确保主导元素没有隐藏在角落或躲在某物后。


*许多游戏使用不同的视域角度。第一人称视角游戏的视域角度介于60至100度之间。角度越高,你的视域就越广,但物体会变得越小,场景就会被拉长。


*如果你规划了过多构图层次,可能就会显得太杂乱,构图元素也会变得凌乱不堪。


*令构图融入现成的玩法远比打破玩法获得一个良好的视角更容易。


QR code