什么是游戏界面?完整的游戏UI设计新手指南

当我们想到电子游戏时,通常会想到动画和角色设计。但是,如果没有一些优秀的 UI 设计,任何游戏都是不完整的——甚至是可用的。是的!视频游戏行业的 UI 设计师有很大的空间,您很快就会明白为什么。

什么是游戏界面?完整的游戏UI设计新手指南

提示:什么是游戏UI?

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

当然,游戏界面设计远不止于此——它是一个随着新技术和平台不断发展的空间。例如,为 Xbox 设计一款游戏,玩家将使用控制器,这与设计手机游戏截然不同,后者的一切都与触摸屏有关。

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

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

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

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

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

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

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

虽然我们可以花几个小时来讨论游戏设计的方方面面,但今天选择的角色是“游戏 UI 设计师”。那么让我们来看看他们的故事情节需要什么。

您已选择游戏 UI 设计师

什么是游戏界面?完整的游戏UI设计新手指南

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

在游戏 UI 设计方面,有四种视觉表现形式:剧情式、非剧情式、空间式和元式。要成为一名出色的游戏 UI 设计师,您首先必须了解它们的含义以及如何有效地使用它们。让我们分解它们。

剧情:角色可以看到或听到并适合故事背景的 UI 元素。示例:带有可见屏幕的手机、全息图和其他未来主义的小玩意。

非剧情:存在于游戏或故事之外且只有玩家可以看到的 UI 元素。示例:菜单屏幕、任务窗口和健康栏。

空间:在游戏空间中呈现但角色不可见的 UI 元素。示例:指示敌人是谁的字符轮廓、显示抛出的物体将落在何处的箭头以及文本标签。

元:与游戏相关但未在游戏空间中表示的 UI 元素。示例:指示玩家健康状况发生变化的滚动文本或彩色叠加层。

第二个任务:游戏 UI 设计实战

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

您可以将 HUD 视为包含各种 UI 元素的叠加层。这是玩家在玩游戏时可以找到他们正在寻找的大部分信息的地方。
什么是游戏界面?完整的游戏UI设计新手指南

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

正如Game Marker’s Toolkit这一集所解释的那样,我们可以将大多数 HUD 元素归类为仪表或预览。

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

预览,例如指示您应按X 键打开门的文本层或显示物品将落在何处的投掷弧线,让玩家了解他们的操作的直接效果。目标是让玩家对下一步行动有信心。

您还可以通过 UI 元素增加或减少游戏的难度。仔细想想,玩家通过 HUD 接收到的提示最多。通常,在简单、普通和困难模式之间进行选择时,您实际上是在选择屏幕上显示的 HUD 提示数量。那,也许还有一些增加了坏人的生命值。

第三个追求:选择一款游戏UI设计软件

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

除了满足图层列表、样式工具和矢量编辑等基本 UI 设计需求外,还需要注意以下一些基本功能:

1.创建可重复使用元素库的能力,以便您可以存储从同一健康栏的不同版本到不同大小的地图的任何内容。想象一下您将节省的所有时间!
2.原型制作功能,因此您可以使用叠加层将 UX 设计师的线框变为现实,并预览您的 UI
3.协作选项,以便您可以在微调设计时与 UX 设计师和其他团队成员一起工作
4.适当的切换工具,以便您的开发人员可以轻松地将您的设计转变为功能齐全的视频游戏。

长话短说

1.游戏 UI 侧重于创建视觉提示,帮助用户在任何给定的视频游戏中遵循预期的操作过程。
2.这些线索可以是剧情的、非剧情的、空间的或元的。
3.HUD(平视显示器)是一个强大的叠加层,在游戏过程中包含许多这些提示——尤其是仪表和预览。
4.游戏 UI 设计师与 UX 设计师和动态图形设计师密切合作。
5.合适的游戏 UI 设计软件将具有原型设计、协作、交接和可重用元素等功能。

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

本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。
(0)
上一篇 2023年2月23日 下午8:24
下一篇 2023年2月23日 下午10:51

相关推荐