技术文章

当我们想到视频游戏时，通常会想到动画和角色设计。但是，如果没有良好的 UI 设计，任何游戏都是不完整的，甚至是可用的。是的！视频游戏行业的 UI 设计师有着巨大的空间，您很快就会明白原因。

准备好从游戏玩家转型为崭露头角的游戏界面设计师了吗？您所需要的只是本指南和一些值得信赖的游戏 UI 设计软件 -例如 Sketch。

选择一个保存槽位开始。

提示：什么是游戏 UI？

首先，我们来谈谈什么是游戏UI。简而言之，游戏界面设计的重点是创建视觉提示，帮助用户在任何给定的视频游戏中遵循预期的行动过程。想想屏幕上的说明，例如“按X打开”或周围环境的地图。

当然，游戏界面设计远不止于此——它是一个随着新技术和平台不断发展的空间。例如，为 Xbox 设计游戏（玩家将使用控制器）与设计移动游戏（完全与触摸屏有关）有很大不同。

我们稍后将深入探讨这些概念。但首先，让我们全面了解一下游戏设计过程。

游戏设计混战：当 UX 遇上 UI

与设计中的大多数事情一样，只要有UI 设计师，您就很可能找到他们的UX对应者。

在视频游戏设计中，这些角色之间的协作通常是这样的：

首先，用户体验设计师将规划玩家的旅程。他们通常会创建一个模型或线框图，详细说明这些步骤以及每个决定可以引导玩家的方向。在这个阶段，用户体验设计师的一个好的经验法则是只包含绝对必要的步骤和决策点。

接下来，UI 设计师将开始使用颜色、版式、内容层次结构和形状等元素创建语义语言，以使这些步骤尽可能直观和吸引人。我们的目标是让玩家能够快速、自信地做出决定——当然，除非你想让他们误入歧途 😉

自始至终，UX 和 UI 设计师将与动态图形设计师密切合作，他们将开始思考如何为我们熟悉和喜爱的那些很酷的角色选择屏幕、地图和技能树制作动画。

虽然我们可以花几个小时讨论游戏设计的各个方面，但今天选择的角色是“游戏 UI 设计师”。那么我们就来看看他们的故事情节到底是怎样的吧。

您已选择游戏 UI 设计师

想要查看更多精彩游戏 UI 示例吗？看一下游戏 UI 数据库- 该团队收集了近 1,000 款游戏的 41,000 多张屏幕截图，因此您一定会找到一些灵感。

第一个任务：了解游戏 UI 设计中的界面组件

游戏 UI 设计有四种视觉表现类型：叙事性、非叙事性、空间性和元性。要成为一名出色的游戏 UI 设计师，您首先必须了解这些含义以及如何有效地使用它们。让我们把它们分解一下。

叙事：角色可以看到或听到并适合故事背景的 UI 元素。例如：带有可视屏幕、全息图和其他未来小玩意的手机。

非剧情：存在于游戏或故事之外且只有玩家才能看到的 UI 元素。示例：菜单屏幕、任务窗口和生命栏。

空间：在游戏空间内呈现但对角色不可见的 UI 元素。示例：指示敌人是谁的角色轮廓、指示投掷物体落地位置的箭头以及文本标签。

元：与游戏相关但未在游戏空间中表示的 UI 元素。示例：滚动文本或彩色覆盖表明玩家健康状况的变化。

第二个任务：游戏 UI 设计的实际应用

正如我们所看到的，有相当多的视频游戏元素实际上属于用户界面设计。UI 设计师可以创建从健康栏到角色选择和库存屏幕的所有内容。但有一个地方几乎完全由 UI 元素组成：HUD（平视显示器）。

您可以将 HUD 视为包含各种 UI 元素的覆盖层。玩家在玩游戏时可以在这里找到他们想要的大部分信息。为了在上下文中理解这一点，让我们看一下《女神异闻录 5》中的这个示例。

在这里，您可以看到 HUD 如何在右下角放置标题角色的生命值和耐力条、角色周围的操作菜单，甚至还有一些右上角的文本指南来提醒玩家下一步行动。

正如本集Game Marker's Toolkit 所解释的那样，我们可以将大多数 HUD 元素分类为仪表或预览。

仪表，如生命条和地图，可以帮助玩家了解游戏中当前发生的情况以及可能发生的情况。这些 UI 元素旨在帮助玩家做出明智的全局决策。

预览，例如指示您应该按X打开门的文本层或显示物品将落地的弧线，让玩家了解其操作的直接效果。目标是让玩家对下一步行动有一种安心感。

您还可以通过 UI 元素增加或减少游戏的难度。如果你想一想，玩家会通过 HUD 收到最多的提示。通常，在“简单”、“正常”和“困难”模式之间进行选择时，您实际上是在选择在屏幕上看到的 HUD 提示数量。那，也许还增加了坏人的生命值。

第三个任务：选择一款游戏UI设计软件

好了，课程就讲到这里！现在我们已经介绍了一些游戏 UI 设计基础知识，是时候开始工作了。我们应该如何以及从哪里开始创建下一个排行榜冠军的视频游戏？对于 UI 设计师来说，一切都始于选择合适的游戏 UI 设计软件。

除了满足基本的 UI 设计需求（例如图层列表、样式工具和矢量编辑）之外，以下是一些需要注意的基本功能：

• 能够创建可重用元素库，以便您可以存储从同一生命条的不同版本到不同大小的地图的任何内容。想象一下您将一直节省时间！

• 原型设计功能，让您可以使用叠加层让 UX 设计师的线框栩栩如生，并预览操作中的 UI

• 协作选项，以便您可以在微调设计时与用户体验设计师和其他团队成员一起工作

• 适当的切换工具使您的开发人员可以轻松地将您的设计转变为功能齐全的视频游戏。

准备好尝试游戏 UI 设计了吗？Sketch 可以提供帮助 - 而且您可以免费开始！

长话短说

• 游戏 UI 专注于创建视觉提示，帮助用户在任何给定的视频游戏中遵循预期的行动过程。

• 这些线索可以是叙事的、非叙事的、空间的或元的。

• HUD（平视显示器）是一个功能强大的叠加层，在游戏过程中包含许多此类提示，尤其是仪表和预览。

• 游戏 UI 设计师与 UX 设计师和动态图形设计师密切合作。

• 合适的游戏 UI 设计软件将具有原型设计、协作、切换和可重用元素等功能。

现在你就拥有了！我们希望您对游戏 UI 设计有所了解，并准备好亲自尝试一下。如果没有……也许我们只是给了你一堆细节，你下次玩你最喜欢的视频游戏时将无法忽视。