三大步骤有效完善游戏图像

2015年10月15日 11:22 0 点赞 0 评论 更新于 2025-11-21 19:11

我们常常会凭借封面来评判一本书的好坏,对于网站或其他视觉设计也是如此。然而,制定一个吸引人的艺术方向以及进行有效的用户体验(UX)设计并非易事。当玩家发现一款游戏时,他们的第一印象往往来自于游戏的图像设计,可能是一张视频截图、一段视频或一个游戏动图。

如果你之前不理解为何众多游戏工作室会投入大量资金优化图像,现在应该能找到答案了。我们真正要探讨的是,和谐的视觉效果不仅仅取决于精致的图像,还需要让玩家觉得美观且有意义。实际上,游戏美学需要融合设计原则和整体艺术风格,也就是所有能提升游戏视觉吸引力的元素。

作为美术师,还有很多游戏艺术内容需要雕琢。为了让设计更具生命力,为用户提供有趣的体验,我们必须做到以下几点:

  • 创造强大的构成或布局,引导玩家的视线。
  • 为游戏资产制定吸引人的配色方案和形状。
  • 根据用户反馈、分析以及A/B测试方法,判断我们的选择是否可行。

在本文中,我将分享一些完善游戏视觉效果的捷径,这些技巧也能帮助你更好地理解美术师这份工作以及如何胜任它。

1. 专注于强大的构成

任何图像内容的强大之处在于,它能帮助玩家理解设计的视觉语言。一方面,它包含各种视觉元素,如颜色、形状、色差等,就像一张词汇表;另一方面,我们有类似语法规则的设计原则,为整合所有元素提供灵活的工具。

明确的构成意味着准确运用设计原则,通常包含6个元素:规模与比例、重复与对比、平衡、强调、层次结构与和谐、单位。理解这些元素很有趣,每个元素就像放大镜,能帮助你逐步分析和完善自己的创作。

确定布局

这里我们着重关注布局的平衡,应有效利用空间和比例,创造能引导玩家视线的清晰格局。虽然通常通过网页设计和界面来设计布局,但该概念在所有艺术领域都很重要。

布局是图像元素的组合,它可以是游戏的图形用户界面(GUI),但不限于这一种形式。在动画产业中,布局美术师会明确电影镜头中每个元素的位置、大小和比例。布局与光线和颜色一起,是后续动态呈现的实体基础。

强大的构成能将玩家的视线引向重要内容,为玩家创造前进的路径,就像元素间连贯的层级。游戏中的每个图像资产都有一定的视觉分量,这取决于其在画布上的位置、大小、对比度和亮度。总体而言,较大、较亮或色彩丰富的对象视觉分量较高,因为它们与周围事物形成鲜明反差,更易吸引人们的注意。

适当分隔元素是确保玩家轻松浏览界面的关键。在元素之间留出一定空间非常重要,比如屏幕中间的游戏按键,其位置凸显了它的重要性,能吸引玩家的注意力。

玩家需要能够控制游戏中的各种变量并与UI元素互动,这就是界面设计通常鲜明且置于游戏世界最上方的原因。GUI通常与屏幕逆向设置,以与游戏世界分隔开来。你也可以用同样的方式设置游戏玩法,在玩法之间留出足够空间,会让它们显得更重要、更独特。

具有深度的世界

深度是创造图像元素层级的另一个重要因素。我们可以将视觉设计的大小、比例与深度相结合,让玩家感受到游戏世界的规模。深度既依赖于多种设计原则的运用,也会对其产生作用,它能创造前景与背景的反差,并通过环境光线进一步融合整个游戏世界。

实现深度有两种方式:重叠资产和使用光线。第一种方法较为直接,重叠不同图像元素会让它们看起来更接近玩家。像《巫师3》等游戏,通过使用鲜艳的轮廓,创造了互动元素与背景元素的重叠,使其更加突出。例如在《巫师》中,你可以看到被光圈包围的路径与战利品。

另一种创造深度的方法是深入理解光线。当光线穿越空间时,会碰到尘粒并分散它们。光线穿行速度越快,遇到的尘粒越多,颜色变化也越多。我们看远处的山时,它们通常呈灰色,比近处的对象暗淡。在图像中分析并复制这些效果,有助于创造更具3D效果的游戏世界。比如去年我制作的一个游戏截图,道路与背景中的山之间就存在饱和差。

2. 努力创造具有吸引力的资产

颜色、光线和形状是定义图像风格的三大要素,图像风格能赋予游戏独特的身份。图像的新鲜感和吸引力构成了它们的魅力,这在动画领域是常见概念。

有关吸引力的理念是在作品与观众之间建立联系,这可能得益于魅力十足的角色或令人惊叹的景色。设计师需要将设计原则与自身的设计经验相结合,想出能与玩家产生共鸣的艺术方向。

吸引力艺术并非简单的惊喜绘制,视觉效果应清晰简洁且能吸引人。有很多手机游戏采用了有效的美术风格,即使是简单可爱的资产,也需要花费时间创造和优化。创造吸引人的游戏世界需要经验,尤其要关注两大元素:轮廓和颜色。不过,并非所有游戏都能使用光线,例如简单设计或美术风格的2D游戏可能就用不到。

轮廓的威力

阴影可能成就或破坏视觉构成。我在学习动画时,和同学做过一个快速但不简单的实验:用角色表示特定行动或情感,只呈现他们的轮廓,让观众判断发生了什么,结果多次失败。

关键在于,大多数情况下轮廓未能发挥作用。如果不能通过对象的轮廓直观理解其特征,这个设计就难以吸引注意。当进入游戏世界,我们会遇到各种对象、怪兽和角色,大脑会快速判断它们是敌是友、能否互动。轮廓在此过程中起着重要作用。

例如,我们能轻松认出Link、Zelda和Ganondorf,也能识别迪士尼电影中的角色、武器和建筑。一把出色的剑的轮廓,应让人一眼看出是剑,刀锋要锋利,带有圆形刀柄,因为我们知道锋利的东西通常具有危险性;而胖胖或毛茸茸的动物轮廓,会让人觉得可爱亲切。

为了让玩家更轻松地判断轮廓,需要在其周围留出空间,比如角色的手与身体、两条腿之间。这是为重要构成元素留出的空间,目的是让它们更清晰,该原则也适用于单一角色或对象的比例,Link的轮廓就是一个很好的例子。

充满活力的颜色

在创造能唤起人们情感的图像时,颜色是最佳工具。我们通常认为鲜艳且高饱和度的颜色充满活力,颜色能赋予图画生命力。在单色图中添加颜色,就像给菜肴撒盐或胡椒,能强化图画所讲述的故事。

人们对颜色的欣赏很主观,因此创造颜色方案没有固定公式,以下是一些参考建议。

在整个游戏中使用高饱和度颜色,能迎合更广泛的用户,让他们情绪高涨,这也是大多数休闲游戏选择高饱和度调色的原因。而柔和色调能营造阴郁氛围,适合像《纪念碑谷》这类具有虚幻世界的游戏。

带有充满活力颜色的更具现实感的图像往往能吸引人们的注意。《激战2》的图像就是很好的例子,这种配色让人感觉成熟且富有生活气息,呈现出强烈反差,是美术师讲述地方故事的有效方式。《镜之边缘》用充满活力的颜色引导玩家穿越复杂关卡,颜色在游戏中起到了为玩家指路的作用,比如游戏中沿着墙壁安置的橙色栏杆,能清晰地指示玩家前进的方向。

3. 获得建设性反馈

“很出色。”“太棒了!”这样的正面反馈固然令人兴奋和鼓舞,但它并非建设性反馈,无法告诉我们哪些做法可行,更重要的是哪些不可行。对我们来说,真正的机会在于不断完善游戏图像。

建设性批评能指出图像的质量和缺点,更有效的批评还会提供解决问题的建议。然而,我们很少能得到如此详细的反馈,这种反馈通常来自亲近的同事或团队成员,而真正懂行的人往往很忙。我们需要花更多时间正视有效的批评。

此外,我们还需要引入新的视角,判断创作是否符合目标,是否朝着正确的方向前进。这些新视角不应局限于身边的同事,还应了解图像对玩家的视觉影响。通过测试和游戏分析,我们可以获得更客观的反馈。

简单的A/B测试

我们可以采用A/B测试,这是一种直观的方法。测试A审查游戏中特定互动资产的点击率,然后进行测试B,替换图像元素后再次测试点击率。比较两次测试结果,即改变前后互动玩家的数量,判断哪个版本(A还是B)的用户粘性更高。

这是网页设计师常用的测试方法,非常适合界面和UX设计。乍看之下可能觉得作用不大,但实际使用时会发现其效果显著。仅仅改变社交分享机制或游戏按键,就有可能有效增加玩家数量。此外,这种方法还能帮助我们了解改变图像后,玩家是否更频繁地使用菜单或更灵活地推进游戏。如果玩家一眼就觉得按键可以按压,他们就更有可能去操作,在手机设备上尤其如此,因为我们通过手指进行互动。

结论

总之,完善游戏图像可以通过以下三大步骤实现:

  • 首先,确定可靠的构成,为视觉风格奠定坚实基础。
  • 其次,专注于图像的吸引力,清晰的轮廓和充满活力的颜色是强大的工具。
  • 最后,使用分析工具和A/B测试,确保始终朝着正确的方向前进。

作者信息

洞悉

洞悉

共发布了 3994 篇文章