好的游戏UI该如何设计？

英雄联盟、王者荣耀、穿越火线.....

这些游戏几乎已经占据了我们的业余时间。

可是大家在玩游戏的时候有没有关注过这些游戏的用户界面 (UI)设计呢？

其实通常我们在评论一款视频游戏时都主要侧重于其叙事性、角色、图形和游戏机制。只有在非常糟糕的情况下才会提及它的用户界面设计。

今天，我们就通过几款游戏例子，来探讨一下这个偶尔会被我们疏忽的领域，并找出究竟有哪些元素可能会影响游戏的UI设计。

UI在游戏中的作用

视频游戏主要被认为是交互式叙事的创意平台。但从技术角度来看，它只是一种软件，而且还需要用户提供大部分传统但有时却是现代类型的输入。即使是在最基本的游戏中，我们也需要通过与导航菜单交互才能启动、加载或保存游戏。

然而，由于我们在游戏中的感知觉是有限的，所以当我们置身于数字环境中时，就需要依赖HUD。

HUD (Head-Up Display)，这是一款抬头显示装备，首次应用于现代飞机。通过使用HUD，战斗机飞行员可以检查实际挡风玻璃上的重要信息，从而在飞行时减少注意力分散的情况。此外，汽车行业也开始引入了这款装备。车辆最重要的信息状态都会被投射到挡风玻璃上，以帮助司机在安全驾驶的情况下浏览重要信息。

HUD在汽车中的应用

值得我们注意的是，使用HUD的目的是：在减少障碍的情况下浏览重要信息和状态。因此，游戏也借鉴了这一概念。在不妨碍游戏进度的情况下，把游戏的相关信息以类似HUD的方式显示在游戏画面中，可以帮助玩家随时浏览重要通知。

例如，在Halo 5这款游戏中，HUD加深了其游戏沉浸感，进而使其广受赞誉。而游戏中玩家的生命值和敌人火力方向对于处在屏幕前的我们来说必须是可视化的。这也是为什么我们需要依赖HUD的原因。

Halo 5 (2015)

HUD在游戏中的应用

游戏UI的影响因素

▍游戏设定

游戏系统中的UI、菜单系统和导航是由游戏设定机制的实际复杂性甚至是叙事性质来定义的。我们可以想象一下：许多游戏体验就像是一部电影，大家可以以非常线性的方式进行体验。

这些游戏通常不关注系统的升级、支线任务或真正的开放游戏世界。因此，界面结构很可能是非常基本的。Uncharted系列游戏就属于这种类型，其菜单设计主要限于暂停屏幕，此外并没有任何深层的导航系统设计。

Uncharted 4 (2016)

添加复杂的游戏元素将会使界面变得更加复杂。例如这款在2019年发布的游戏——Control。虽然它得到了评论家的普遍称赞，但其在UI、菜单系统和地图设计上并不是那么完美。

一开始，Control的大规模系统升级让人不知所云，同时过度使用指标对已经缺乏视觉层次的人群来说并没有帮助。但它最明显的问题是关卡视觉表现不足。有时会出现故障的深色单色地图无法将3D关卡设置转化为2D地图，而这就会给玩家带来很多挫败感。自首次发布以来，开发人员在多次更新中都会调整并解决地图设计问题，以改善我们的可操作性。

Control (2019)-地图实时截图

▍界面混乱

混乱是游戏用户界面失败的首要原因。在线多人游戏是视觉混乱的主要罪魁祸首。除了参与游戏之外，在设计过程中，我们还必须注意升级、战略、使用特殊攻击技能、地图阅读，同时在有限的情况下进行人与人之间的交流。因为这些操作都将在同一个屏幕界面上执行。

World of Warcraft (2004)

现代叙事驱动的游戏主要在升级部分会呈现出混乱和不清晰的层次结构。以God of War这款游戏为例。当我们第一次进入它的系统时，就会被统计栏、数字和不必要的缩写数量所迷惑。我们甚至还可能对自己的角色和武器实施的真正战略升级感到迷茫。此外，由于用户只能使用游戏手柄输入，因此在控制台上的标题中导航此部分就变得尤其棘手。

God of War (2018)

也许游戏的开发人员也意识到在游戏中可能会出现界面混乱的现象。因此，在Gran Turismo Sport这款游戏中，就包含了许多汽车的自定义选项，这也就使得玩家很难通过游戏手柄进行导航。

基于此，为了帮助玩家更好操作，Polyphony Digital为该款游戏的菜单系统中开发了一个“鼠标光标”。显然，这并不是一个很好的解决方案。因为使用光标控制进行处理会包含太多自定义选项。广泛的选项列表也可能使玩家难以进行决策。这也会导致他们可能疏忽改进的游戏玩法机制。

Grain Turismo Sport (2017)-使用光标以获得通行证

▍极简的界面风格

大家可以想象这样一个场景：我们结束一天的疲惫，准备玩一个游戏放松一下。当我们打开这款游戏后发现它的菜单具有这样的整体基调：可能是华丽的大按钮、过度的颜色、每次按下箭头按钮时发出的扭曲吉他声，以及使每种字体都不太可读的背景。这类游戏就如同新千年的赛车游戏一样。

现在，就让我们来看看Colin McRace Rally 2。这款21年前的游戏UI与当时的预期完全不同。它的菜单设计呈现了一种简单、单色、极简主义的风格。这款游戏的菜单仅会显示绝对必要的信息，这样就使复杂的操作，例如调整车辆部件，变得更加容易。我们可以仅使用箭头键和空格键来导航结构良好的菜单系统。

‍‍

Colin McRae Rally 2.0

这种风格和100%整洁的设计在当时通常是为高端印刷媒体保留的。而这个有着数十年历史的用户界面证明，定义正确的设计原则将使任何设计都永不过时。

一个典型的例子就是于2015年发布的第一款Battlefront游戏。在Star Wars中，该系列最明显的设计通常都呈现在整个UI设计中：全息图、光剑和古代地书法。但当我们第一次启动游戏时，总会看到一个精简、干净的界面。我们不难发现，令人耳目一新的极简用户界面和出色的层次结构立即传达了与通常美学不同的突破。

Battlefront (2015)

▍罕见的UI沉浸感

如果一款游戏的界面可以呈现出破壁感，那么它一定是有趣且令人难忘的。Diegetic Interface (叙事界面) 是指UI不仅限于实际的游戏玩家，而且还存在于角色的世界中。这很有趣，因为UI是叙事的一部分。此外，用户界面设计也是核心开发的一部分。

而像在Dead Space这样的故事驱动游戏中，叙事UI就更为突出。在这款游戏中，角色服装的背面显示了生命值和状态栏，而弹药状态则被投射为一个小型全息图。这就使得屏幕变得不那么杂乱，并在复杂的游戏框架中营造出更加电影化的氛围。

Dead Space (2008)

Fallout在剧情界面设计中引入了另一个样本——Pip-boy。这款源自朋克风格的可穿戴设备为玩家和主角提供了重要的统计数据、升级选项、地图，甚至是隐藏的迷你游戏。通过下载Pip-boy应用程序，我们还可以在智能手机上连接游戏并与之互动。这也因此进一步模糊了视频游戏中的用户互动界限。

Fallout 4 (2015)-Pip-boy是叙事设计的标志性作品

对于UI沉浸感，Horizon Zero Dawn可能是一个更新的例子。在这款游戏中，玩家虽然会体验到一个普通的界面，但其思想观点却会被植入叙事之中。游戏的故事开始于一种名为“Focus”的可穿戴AR设备。该设备可以让主角看到我们在玩电子游戏时通常会看到和体验到的东西，并帮助其在后世界末日的恶性环境中幸存下来。

这种创造性的注入在传统游戏UI设计中是一种受欢迎且罕见的现象。另一方面，随着VR游戏的兴起，未来可能会更频繁地引入它。也许在以后，叙事界面有可能会成为游戏设计师的另一个研究方向。