游戏界面设计，初学者的入门指南！

提到游戏，我们通常会联想到游戏炫酷的动效和游戏的人物角色，但是，如果没有成功的游戏界面设计，无论游戏的故事设置或是动效多么有创意，都不得到游戏玩家的喜欢。因此，游戏界面设计对于一款游戏来说非常重要，设计师在游戏UI设计中还有许多发展的空间。本篇文章，会从游戏界面设计的基础知识讲起，从方法到工具，为你深入讲解游戏界面设计。

游戏设计素材

1. 什么是游戏用户界面

在我们探讨游戏界面如何设计之前，我们先谈谈什么是游戏界面。简单来说，游戏界面设计的重心在于为游戏玩家提供视觉提示，以帮助游戏玩家在某个情境中能够顺畅地完成界面交互。例如，我们在完成某个游戏任务时，界面的地图图标能让我们立马知道点击此图标，即可打开地图。当然，游戏UI设计不仅仅是图标设计这么简单。游戏UI设计是互联网科技的衍生物，同时也会随着技术的发展而不断发展。例如XBOX的界面设计，玩家使用手柄操作游戏，这就有别于常规的触屏的手游。

游戏用户界面

2. 游戏界面设计和用户体验设计

界面设计和用户体验设计，对于一款游戏来说是相互关联的。例如，用户体验设计师会先借助原型设计、线框图工具，规划游戏玩家的用户旅程图，详细说明游戏玩家每个步骤，以及设置某些操作引导玩家完成游戏任务。在规划游戏用户旅程阶段，UX设计师会在旅程图标注游戏的一些重要步骤和决策点。

接下来，就是UI设计师就需要借助用户旅程图进行UI配色、排版。将用户旅程的步骤视觉化，以此让游戏玩家更好的完成游戏任务。在游戏界面设计的整个过程，UI/UX设计师都需要与动效、平面设计师密切合作，他们会规划如何为游戏角色选择平面、地图和技能树，以此让游戏动画更有吸引力。

游戏界面设计

3. 如何成为一个游戏UI设计师

第一步：了解游戏UI设计中的组件

游戏界面设计有四种视觉表现形式：叙事、非叙事、空间和元素。要成为一名优秀的优秀UI设计师，你首先需要了解这四种视觉表现形式的含义，以及如何利用这四种视觉表现形式设计出更好的游戏界面。

叙事：角色可以看到或听到，并用于介绍游戏任务的 UI 元素。示例：具有可见屏幕、全息图和其他未来派小工具的手机。
非叙事：存在于游戏或故事之外，且只有玩家看到的 UI 元素。示例：游戏菜单屏幕、任务窗口和健康栏。
空间：在游戏空间中呈现，但玩家看不见的 UI 元素。示例：指示敌人是谁的字符轮廓、指示投掷物体将落在何处的箭头，以及文本标签。
元素：与游戏相关但不在游戏空间中表示的 UI 元素。示例：指示玩家健康状况发生变化的滚动文本或彩色血条叠加层。

游戏UI组件

第二步：了解游戏界面设计的范畴

从创建血条到游戏角色选择，视频游戏的元素实际上也属于涉及到游戏界面设计。

仪表盘：例如健康条和地图，可帮助玩家了解游戏中当前正在发生的事情以及可能发生的事情。这些界面设计元素旨在帮助玩家做出决策。
预览：例如指示你应该按X键打开门的文本层，或显示物品将降落的弧线，让玩家知道他们的动作的直接效果。目标是让玩家对他们的下一步行动有一种安全感。

你还可以通过界面设计元素提高或降低游戏的难度。玩家会通过 HUD 收到大部分提示，当玩家在简单、普通和困难模式之间进行选择时，实际上是在选择屏幕上的 HUD 提示数量。如果你想提高游戏难度，则可以增加一些HP。

游戏界面设计

第三步：选择一款游戏UI设计软件

讲了那么的多游戏界面设计的知识，那么我们如何才能设计出一款“明星”游戏呢？对于绝大多数设计师来说，一个成功的界面设计往往诞生于一款专业的设计软件，首选新一代协同设计软件Pixso。设计游戏界面的软件，除了需要满足图层列表、样式工具、矢量编辑等基本UI设计需求外，还需要具备以下功能：

创建组件库

在设计游戏界面时，创建团队组件库，以便存储同一血条的不同版本，以及不同比例地图的不同内容，可以快速提高游戏UI设计的效率。Pixso便充分考虑到了游戏UI设计的需求，提供的组件功能正是解决这一问题的。除此之外Pixso还提供团队资源库，只要设计师创建了组件并上传至团队资源库，团队中其他设计师即可选择共享使用。

原型设计

游戏界面设计师需要将UX设计师绘制的交互流程图、线框图反映到界面设计上，并向用户预览游戏UI设计。Pixso具备一站式原型、设计、交付能力，是新一代在线原型设计协作工具，支持建立流畅的原型框架流程，将产品整体方案进行具象化演示，以便产品经理、设计师、开发共同探索分析用户核心需求。借助Pixso内置设计系统和社区资源，产品经理、UI/UX设计师可获得海量原型模板、页面、组件及图标素材，开启敏捷高效工作。