如何制作电子游戏（video game）UI，UX线框图（下）

文章来自于：John “The Wingless” Burnett，他是一名视频游戏艺术总监和屡获殊荣的 UI UX 设计师，在该行业拥有约 20 年的经验。他还开展自己的国际 UI 设计指导计划，教授设计师如何以 UI 艺术家的身份进入视频游戏行业。

这是他的个人网站：https://thewingless.com/index.php/ui-ux-design-sponsorship-for-recruiters-video-game-studios-and-job-placement/

文章仅作技术语言上的调整，不代表本译者观点。

如何开始视频游戏菜单线框

心中大致保持三层结构：页头，内容区域，页尾。

页头：带有导航和徽章的标题

内容区域：主要暂存区域

页尾：专用于按钮提示的页脚。

这种基本格式可以为您节省大量的时间和痛苦，画布的中心“内容区域”保持足够的可编辑性，以供后续的开发。

再有一个问题是，如何分割屏幕上未被划分的区域呢？可以使用黄金比例去分割画面。1/3的分割是一种比较好的方法。最后，别忘记一些小的功能，比如滚动条。

怎么样才能确定UX线框图完成了呢？

取决于你是否已经通过视图的方式，解决了交互上的问题。不过，在项目里，有个薛定谔的存在：你觉得你已经完成了，但实际上没有完成。

不过，如果工程师能够“走遍”您的工作，那么线框图就已经有效地完成了。如果他们仍然感到困惑，那么这很大程度上是一项正在进行的工作。

一般的视频游戏中有多少线框图？

这在很大程度上取决于类型、范围、团队规模、时间表等因素。懒惰的答案是：需要多少就多少。

一般来说，可能有几十个。每个主要屏幕至少有一个低保真通道。更复杂的屏幕可能会进行三次迭代和大规模重新设计。注：经验老道的UI设计师他们会制作模板和节省时间的工具，可以将数十个屏幕的工作变成很少的工作。