端游HUD设计实践与策略

油条大哥大

本文将指导如何巧妙地结合美感和实用性，创造出既能展现游戏机制又具有独特风格的端游HUD。深入探索这些关键的设计方法，帮助你打造出真正能提升玩家游戏体验的HUD设计。

一、HUD设计平衡点

1.1 什么是HUD？

游戏HUD是指在游戏核心玩法界面上显示的各种信息和反馈，它是玩家与游戏互动的重要桥梁，也是游戏核心机制的直观表现。例如显示健康状态、所在位置、地图、任务目标、战斗信息等等，以便玩家在游戏过程中随时查看和使用。通过提供这些信息，玩家可以更加方便地在游戏过程中了解自己的状况，制定战略，并做出相应的决策。

1.2 设计平衡

设计HUD时，需要平衡沉浸感、易读性、兼容性和美术风格等因素。一个好的HUD设计应该能够在不打破游戏沉浸感的前提下，向玩家提供清晰、准确、及时和有用的信息和反馈。

二、HUD设计本质

在建立交互设计模型时，需要考虑玩家的需求、习惯、喜好和认知能力，以及不同情境下玩家对信息的关注度和敏感度。例如，在游戏中，玩家可能会更关注游戏画面、音效、操作反馈等信息。我们应该根据不同情境下玩家的特点和需求，选择合适的展示方式和交互方式。

2.1玩家研究

需要研究玩家对同类型游戏的认知能力、习惯、相关需求，以及喜好。

a.同类发展史研究

在设计同类游戏的前期，需要进行广泛的研究，以便全面了解该类型游戏的发展史和趋势。这包括对游戏HUD上的信息的演变过程、游戏中的各种元素以及相关技术的研究。在研究的基础上，还需要对不同游戏类型和玩家群体进行深入的了解和分析，以确定最佳设计方案。

b.同类对比

相同类型的游戏可以通过HUD的位置、大小和颜色来进行区分和对比。这些因素可以使玩家更容易地理解游戏中显示的信息，是提高信息易读性最直接的方法。

在赛车游戏中，HUD可能会显示玩家的速度、单圈时间和比赛中的位置等信息。例如《极品飞车·不羁》中，左上角模块是当前玩家信息以及排名信息。左下角显示了小地图，比赛路线的位置，右上角模块是行驶百分比以及时间，右下角是里程表等信息。相较之下，与《地平线5》相比，两者有相似之处。

2.2交互模型建立

交互模型的建立目的是确立 HUD 设计方向，以及在研发过程中保持一致性的同时不断校正设计目标。

在核心玩法的基础上，进行hud交互模型建立，可以提炼一个关键词，作为衡量标准。例如提炼【简洁度】为模型核心关键词，然后根据关键词进行模型的框架设计。而模型的框架可以运用Diegetic（叙事）、Non-djiegetic（非叙事）、Spatial（空间）、Meta（元）4个界面术语进行套用。

界面术语引用出处：User interface design in video games
https://www.gamedeveloper.com/design/user-interface-design-in-video-games

Diegetic（叙事） 存在游戏世界中，并与游戏世界观一致的元素（例如《守望先锋》子弹数量表达在枪上）

Non-djiegetic（非叙事）仅对现实世界中的玩家可见，主要表达功能性，即HUD中的ui层（例如《使命召唤19-现代战争2》把子弹数量显示在界面上辅助功能性，以及其他游戏相关信息）

Spatial（空间）存在游戏世界中，但与游戏世界无关的元素（例如《原子之心》引导标记或地面线5路面的引导箭头）

Meta（元）只存在游戏世界中，不以界面元素呈现（例如《原子之心》击打怪物时怪物受击效果）

案例列举

根据提炼的模型核心关键词【简洁度】，简洁度可以指游戏界面上显示的信息量，包括HUD、菜单、提示等，简洁度高表示信息量少，简洁度低表示信息量多。以及4个术语为模型框架，搭建交互模型，可以作为HUD设计的重要度量标准。有了模型后，能更好根据哪个程度的模型进行矫正。

列举3个案例，分别是高简洁模型/中简洁模型/低简洁模型。

案例1:高沉浸模型

案例2:中沉浸模型

案例3:低沉浸模型

注：以上模型只是用陈述案例。

2.3核心体验

玩法和操作是核心体验的重要组成部分。在设计HUD时，需要考虑玩法层在HUD中以什么方式表达会更直观；而操作则是考虑玩家会以怎样的交互方式进行游戏操作。在游戏中是否需要借助hud的信息进行游戏。

a.玩法

不同的游戏有不同的玩法，可以借鉴现实世界与虚拟世界相似或相关的事物进行视觉包装，这可以帮助玩家更快理解和使用HUD，并增加其沉浸感和趣味性。比如在射击类游戏中的便捷电脑；在角色扮演类游戏中的纸质地图。

b.操作

端游玩家是通过键鼠或者手柄的交互形式进行游戏的，在设计HUD的时候，需要考虑操作的通用规则，以适应不同的输入以及反馈方式。操作难度越高，玩家对HUD的需求和依赖程度也越高，因此需要提供更多的操作提示信息和反馈，以降低玩家的认知负荷和操作失误。操作频率越高，玩家对HUD的关注度也越高，因此需要保证HUD的可见性和可用性，以提高玩家的效率和满意度。

三、HUD交互模式

不同类型风格的游戏有不同的玩法目标和氛围，因此需要设计不同的HUD样式来进行匹配。例如，策略类游戏，用户需要在HUD中获取大量输入和反馈信息来制订决策，而在动作类游戏中，则需要尽量减少HUD元素来增强沉浸感。此外，在选择HUD风格元素时，还要考虑游戏整体风格是否协调。

3.1信息表达

信息表达的主要目的是确保屏幕上的信息易于阅读，同时需要考虑视觉层次结构。这意味着我们可以使用框架、位置、比例、字体重量、颜色和动态等方式来呈现这些元素，使其比其他元素更加突出。

a.框架

在设计时，确立信息布局框架，可以使用九宫格方式，把画面划分为九份，并将相同类型的内容规划在单个区域中，以确保玩家对相同类型的信息有清晰的区域感知。如果某个区域中的信息过于拥挤或是难以辨认，可以考虑将该区域的信息移动到其他区域或重新规划信息。需要不断尝试核心玩法中，信息所处的位置、强度、样式等，以确保玩家对信息的阅读和理解更加轻松和直观。

b.通用表达

为了让玩家更好理解游戏信息，可以使用清晰、简单的控件来表达。这些控件应该是玩家对这类型游戏的通用表达，这样他们就能够轻松地理解游戏中的重要信息。使用颜色来区分不同的状态信息，绿色代表健康状态良好，红色代表健康状态不佳；使用大小来表达重要性，把重要的信息放大，次要的信息缩小；使用简单的图形来表达通用的玩法信息，爱心可以代表人物健康，秤砣可以表达负重等。

c.兼容性

在考虑HUD元素的位置和大小时，需要确保其不会遮挡玩家的游戏视图，同时允许玩家对HUD控件进行自定义设置。这样，玩家可以根据自己的喜好来隐藏或显示HUD元素，调整其位置和大小，提供足够的自定义选项，以确保HUD元素的易读性和美观性。

d.反馈

HUD中的反馈可以分为视觉以及音频反馈。视觉反馈可以通过动画、颜色变化、图标等方式来实现，而音频反馈可以通过声音效果、音乐等方式来实现。这些反馈可以让玩家更好地感受到自己所处的状态，例如生命值、能量值、任务进度等等。同时，反馈也应该确保清晰、及时，以便玩家能够快速做出反应。如果反馈不够清晰或者延迟过高，可能会影响玩家的游戏体验。

3.2引导

加入教程或提示，可以帮助玩家学习游戏机制，让用户在合适的时机接收到合适的HUD信息，并增加其参与感和代入感。比如，在开始阶段或新手教程中，可以通过片段式动画视频或npc对话来展示必要的HUD信息，并引导用户如何使用他们，在进入关键场景或遇到危机时，则可以通过任务提示或警告信息来突出重要的hud元素。

四、HUD差异化创新要素

在游戏 HUD 设计方面，有很多不同的方法可以实现创新。除了在功能上进行微调以进行信息重组或融合，还可以探索视觉上的包装方法，以使内核一致的同时在外观上呈现出独特的差异。这包括但不限于更改背景色、修改字体样式、使用动画效果等等。另外，还可以通过增加交互元素来提高玩家体验，例如添加指示箭头、状态栏、动态图标等等。

五、总结

HUD的设计不仅仅是技术性的挑战，更是一种艺术形式，它需要设计者充分理解游戏机制、玩家心理以及美学原则。一个优秀的HUD设计能够在不显眼的同时，极大地增强游戏的可玩性和沉浸感。作为游戏设计的重要组成部分，HUD的设计应当被给予足够的重视和创造性思考，以创造出既实用又具有吸引力的游戏体验。

文/Moson
来源：腾讯游戏学堂