以下设计最佳实践有助于确保在各种设备和平台上为在 YouTube 上玩您的游戏的用户提供最佳体验。
除了操作系统组件之外,游戏大本营体验主要还包括三个组成部分:
- 游戏大本营操作
- 游戏画布
- 菜单和对话框
这些游戏设计最佳实践提供了有关如何针对游戏画布构建游戏的建议。
调整游戏大小
通过考虑以下做法,确保游戏能够针对不同的屏幕尺寸和屏幕方向进行适当的调整。
调整游戏大小,并根据画布的大小和宽高比调整界面。
如果游戏无法完全响应游戏画布大小和宽高比,请使用邮筒模式或信箱模式。
避免触发滚动条。滚动条会对游戏内容和常规导航产生负面影响。填满画布,而不使游戏可在画布内滚动。滚动条适用于有意滚动,例如在游戏界面中的长垂直列表上滚动时。理想情况下,游戏应完全负责视口。
游戏扩缩
在不同屏幕分辨率下清晰渲染(不要模糊、像素化或拉伸)。
确保游戏界面(文本、图标)在分辨率较低的屏幕(如 360x800 移动设备)和分辨率更高的屏幕(如 3840x2560 的桌面显示器)上呈现时,都能适当地缩放。
避免使用低分辨率光栅化资源,因为它们在缩放到大屏幕上时会显得模糊。
排版
确保广告在各种设备和屏幕尺寸上都易于辨识。
游戏内显示的文字(如按钮、菜单和对话气泡)必须在不同的设备和屏幕尺寸上都清晰可辨。为此,可以自动调整和调整文本,也可以为用户提供用于调整字体大小的设置。
如果文字小于 18pt,或者如果文字为粗体且小于 14pt,请将色彩对比度至少设置为 4.5:1。
对于其他所有文字,请将色彩对比度至少设为 3:1。
如需了解一般参考信息,请参阅 WCAG2.1。
![]() |
![]() |
使用较大的字体大小,字体和对比度应足够大,以保证易读性。 在此示例中,对比度为 4.48:1。 | 避免使用小号字体和低对比度的颜色。在此示例中,对比度为 3.07:1。 |
互动
本部分将介绍有关用户互动和相关元素的最佳实践。
触摸目标
设置足够大的触摸目标,以便更轻松地互动。
确保触摸目标至少为 48x48 dp,各目标之间至少有 8 dp(请参阅 Material Design 准则),以便更轻松地进行交互。
在此示例中,视觉呈现的按钮为 24 dp,而不可见的触摸目标在图标周围包含 12 dp,以实现 48x48 dp 的触摸目标。
在图标和按钮周围添加内边距,以增大触摸目标的大小。
按钮
为每种按钮状态使用不同的样式:
- 已启用
- 停用
- 悬停(适用于非触控输入设备)
- 专注
- 按下
此外,还应着眼于按层次结构区分按钮。例如,开始菜单中的主要操作按钮与辅助操作按钮(请参阅关于按钮的 Google Material 2 设计指南)。
用于区分每种按钮状态的独特样式
键盘输入
为了增强游戏在各种设备和用户的易用性,除了触摸和鼠标输入之外,还应支持所有游戏控件的键盘输入和屏幕导航。
对于支持键盘输入的游戏,允许用户使用 Esc 键关闭所有游戏内菜单和对话框。这是对视觉关闭按钮(例如,在顶角显示 X 图标)的补充。模态或对话框的常见示例包括设置菜单、暂停菜单、错误消息和帮助信息弹出式窗口。
避免将任何操作映射到长按 Esc 键,因为这用于在桌面网络浏览器中退出全屏模式。
对于已注册按键监听器的游戏:请勿将 preventDefault()
与 Esc 按键事件一起使用。在 Safari 中处于全屏模式时,这会导致游戏消耗按键事件,而不会退出全屏。
触感反馈
在适当的情况下,建议使用触感反馈(振动),让您的游戏更具趣味性和沉浸感。
重要比赛时刻
本部分介绍了游戏中可为玩家带来出色体验的重要时刻。
教程
提供简短的教程或新手入门关卡,以帮助新玩家。
新手入门可确保用户学会基本的游戏玩法和游戏基础知识,顺利上手并享受游戏。
由于游戏大本营旨在方便用户快速上手玩,因此应尽可能减少新手入门流程。虽然并非所有游戏都需要教程,但大多数游戏都能从某种形式的新手入门中受益。考虑玩家需要了解的关键机制、规则和技能,才能成功畅玩并享受游戏。
教程可以采用以下格式:
- 游戏开始时的一组屏幕(或者更理想的情况是,在整个游戏中适时地以情景方式呈现)
- 用户学习的实际教程级别
暂停
向用户明确传达游戏状态。
向用户明确说明游戏何时暂停以及用户如何恢复游戏。避免让用户认为游戏已卡住或崩溃。
清楚地将游戏状态标记为“已暂停”,并提供恢复游戏的清晰操作(按钮)。
比赛结束
告知用户他们已完成最后一个关卡或已经完成了游戏。
如果游戏有明确的结局(例如,关卡数量有限),请向用户明确说明这一事实。这样可以避免导致用户认为游戏已损坏或冻结。理想情况下,游戏会在玩家完成游戏时予以庆祝和祝贺。
音频
游戏可以包含效果、语音和背景音乐的单独音量控件。控件可以由用于调节音量和/或静音开关的滑块组成。
无障碍功能
无障碍设计能够让各种官能失常的用户都能畅玩并畅享游戏。
与网页和软件设计不同,不存在针对游戏设计的业界标准无障碍指南。请参阅游戏无障碍功能指南,获取优质资源,了解有关包容性游戏设计的其他指南。我们建议您考虑如何将这些准则应用于游戏设计。