游戏的美术风格:字体如何起关键作用?

在电子游戏开发中,美术指导是一项确保整体风格统一的关键工作。从角色、场景到 UI,每个元素都需要协调一致,才能构建出有说服力的世界观。

恰到好处的字体选择,不仅提升整体美感,更能强化时代感、故事性与互动真实感,让玩家更深地沉浸于游戏世界之中。

本篇将通过时代设定、拟真空间、系列作品三个不同角度,探讨字体是如何让游戏世界更具说服力与吸引力的。

*原文《Video Game Typography Part II: Art Direction》载于 Medium,本文有部分删减,观点及解释权归作者所有。


唤醒时代记忆

英雄连2

2 - 1*64mJE4ZAzhF4c_YivLg75w大.png

二战题材一直是游戏常见设定,维基百科上列出的相关作品就有百余款,涵盖《使命召唤》这类射击游戏、《钢铁雄心》这类策略游戏,或《盟军敢死队》等动作冒险游戏。这些作品在字体运用上手法相近,但真正做到视觉统一且极具时代感的,当属《英雄连2》。

3 - 1*-hgzGMML4XSnMtcTMyfYpQ大.png
《英雄连2》是一款极受欢迎的线上即时战略游戏,图为游戏画面。

作为一款 PC 即时战略游戏,《英雄连2》的 UI 设计细致入微:装弹带加载条、勋章图标、战地地图与军用文书等元素融合,辅以专业的字体设计,共同还原了真实的战争氛围。

接下来,我们将具体看看,这款游戏如何通过字体强化其二战美术风格。

4 - 1*8WS3jpcOuCFdgHD585Q3Uw.webp
主菜单画面,抽象风格的 UI 融合了契合主题的视觉元素。

如下图所示的加载画面中,可以看到装弹带式的加载条位于下方,中央则是文件夹与打字机风格的任务简报。这种拟真化处理有效营造了游戏氛围,而字体 Hermes 的运用更是强化了这种设定感。

5 - 1*7moqshAKGgD0Mz-oy5Mh5w.webp
放大后的加载画面,展示了所使用的字体 Hermes。

Hermes 字体在 1940 年代初被广泛用于报纸和各类出版物,当时的大多数可读材料都需通过印刷或打字完成。Hermes 及其相似字体几乎是当时打字机和打印设备的标准配备,而这些设备也正是军方用来制作任务简报和各种文件的工具。

因此,在《英雄连2》中阅读任务简报时,这款字体的运用不仅具有真实感,也在视觉上准确还原了那个时代的氛围。

6 - 1*RltRZrjOTnMlKAsutXpClg.webp
二战时期的任务报告、一份尚未解密的电文备忘录,以及一台使用 Hermes 字体的 Underwood 打字机。

通过采用 Hermes 字体,游戏开发者成功地在游戏世界之外也延续了二战的主题感。这正是一个很基础但有效的例子,说明恰当的字体选择如何显著提升特定时代背景下的美术表现力

模拟真实空间

黑色洛城

7 - 1*mQ6sqQJFwfcd88vhYfwYsQ.webp

2011 年 Rockstar 推出的《黑色洛城》背景设定在 1940 年代的洛杉矶,玩家扮演侦探,探索开放世界,调查案件、收集线索并审讯嫌疑人。游戏采用当时领先的面部表情捕捉技术,帮助玩家通过观察嫌疑人的反应判断其是否说谎,增强了审讯的真实感。

8 - 1*ZNMJL3RcYyGAzQMGrX2qdw.webp

随着游戏推进,玩家会将线索、不在场证明,甚至嫌疑人的肢体语言等信息记录在笔记本中。而这正是字体强化拟真设计的地方:所有笔记都以铅笔手写风格呈现,增强了沉浸感。

这种独特的铅笔风格字体,让玩家更容易在笔记中识别和回忆线索。而铅笔笔迹本身的不确定感,也巧妙传达了信息的模糊性:它们可能是谎言、误导,或毫无价值的死路。

题外话:当然,少数情况下游戏故意传递不准确的信息,反而产生了惊艳的效果。比如 N64 上的哥特恐怖游戏《永恒的黑暗》(Eternal Darkness),主角会随着剧情逐渐失去理智,游戏中穿插各种「理智崩溃」效果:屏幕上爬满假蚂蚁、虚假的蓝屏死机,甚至还有一段恶意模拟系统提示,假装正在删除玩家的存档。

9 - 1*2uOIreEzYl0nFuJlJHN3xg.webp
《黑色洛城》的第三人称自由探索场景,画面中可见字体的呈现方式。
10 - 1*aM3j4Iz0XyLqXH3nrcySNw.webp
上图:游戏《黑色洛城》的片头标题;下图:多部 20 世纪 40 年代电影的真实片头画面。

而最具美术指导巧思的,是每宗案件开场时的标题设计:每起案件都有专属的名称和片头动画,致敬了 20 世纪 40 年代的黑色电影风格

延续系列设定

异形:隔离

11 - 1*6YIksGQyY2cjvb9hus0BbQ.webp
Creative Assembly 备受好评的作品《异形:隔离》

《异形:隔离》(2014)是一款生存恐怖游戏,续写了 1979 年电影《异形》的故事。玩家电影主角艾伦·里普利的女儿阿曼达,调查母亲所在的失事宇宙货船诺斯特罗莫号。游戏时间设定紧接电影剧情,视觉风格高度一致,营造出紧密衔接的世界观。

12 - 1*bT3TgiObxpx9tU0ssV0T8g.webp
《异形》剧照:艾伦·里普利在宇宙货船诺斯特罗莫号主甲板上。

开发团队 Creative Assembly 面临一个特殊挑战:他们要制作一款 2014 年发行的游戏,作为 1979 年科幻电影的续作,而故事背景设定在 2104 年。这样的时间跨度不仅难以解释,也让美术创作变得异常复杂。

为此,美术总监制定了一套严格的规则来指导设计。游戏中不会出现 1979 年原电影布景里无法存在的元素。游戏中的一切都遵循复古未来主义美学。

游戏美术团队还在必要时直接借鉴了电影中的道具,确保游戏与电影世界紧密对应。这种复古未来主义的理念贯穿于角色、场景、道具,当然也包括用户界面的美术指导。

13 - 1*1whHFaidixP_2bu7BybLmA.webp
70 年代末到 80 年代的各种 HUD 图形和界面示例,可以看到当时的字体设计非常简洁。

《异形:隔离》中的主角会操作多种采用 CRT 屏幕的电脑界面,风格忠实还原了原电影中的道具。这些界面采用简洁的 HUD 设计和基础的电脑显示布局,体现了当时设计师眼中最先进的计算机技术。

采用复古风格,团队摒弃了现代高端技术,如视网膜屏幕和动态图形,还必须选用与低保真科幻风格契合的字体

15 - 1*1UkaKzqdALXWrBy2xKnPZg.webp
左图为电影中 Nostromo 主甲板的电脑界面,右图为游戏中 Sevastopol 号上的相应设计。
16 - 1*yYKycbQeU7Vl9Cy68fkt1g.webp
游戏中你会接触到的各种界面。

从游戏画面中可以看出,屏幕显示的内容色彩和复杂度都很低,字体风格让人联想到 Amiga 或 Atari ST 等老式电脑的 BIOS 信息或系统对话框。这种字体既真实还原了低保真风格,又能很好地适配 PS4 等高性能主机。那么,这款塑造复古氛围的字体到底是什么呢?

17 - 1*jVt7UjVImjDEmrhvyU5CPw.webp
游戏中玩家与安保系统互动的画面示例。

事实上,游戏组量身定制了一款名为 Sevastopol 的字体,取自游戏中太空站的名字。主导 UI 设计的 Jon Mckellan 从零设计了这款字体,简洁实用,又独具特色。

团队坚持复古风格的原则,促使他们没有满足于寻找相似字体,而是付出额外努力打造专属字体。就像电影制作团队当年也需自创许多元素一样。这一努力让游戏从环境到字体都完美契合电影原作,极具真实感。

19 - 1*yyFC4EeGjrjiiOjvIUmqig(1).gif
你可以看到这张截图底部的噪点失真效果。

游戏 UI 设计师还加入了另一个出色的复古细节,进一步强化了低保真科幻氛围:在与游戏中各种设备交互时,界面上会出现闪烁的干扰线和图像失真效果,甚至在游戏开场动画中也能看到。这种干扰视觉效果同样遵循了团队的复古原则,制作手法非常有创意。

总结:字体是打造沉浸感的关键

《英雄连2》通过历史背景选择契合字体,《黑色洛城》用细致字体设计提升沉浸感,《异形:隔离》不满足于现成字体,定制专属字体解决难题,展现了对细节的高度重视。

当游戏主题鲜明,字体应贯穿整体美术风格,增强游戏的表现力,真正创造一个使玩家沉浸其中的独特世界。