浅谈游戏UI设计 什么是优秀的游戏UI

不知道看到这篇文章的各位读者在平时玩游戏的时候有没有产生过觉得某款游戏的界面非常舒服，或者非常好用的想法？如果你曾经在某款游戏上有过这样的感觉的话，那么你就已经得到了这篇文章的答案——能够在潜移默化中提升玩家的游戏体验的游戏UI就是优秀的游戏UI。

当然，只是简单的抛出一个结论未免有些无趣且浪费，接下来就让我们从UI的定义聊起，以市面上常见的几款游戏为例来粗浅分析下“什么是优秀的游戏UI？”。

什么是游戏UI？

UI，即“User Interface Design”的简称，一般来说用来泛指所有实体/非实体的用户界面设计，而今天我们要聊的游戏UI所指的自然就是游戏的用户界面设计了。这么说或许会有些过于抽象，本文也并不打算阐述多么专业的概念，因此我们只需要知道在游戏中所有除了游戏画面外的内容都属于游戏UI的范畴就可以了。

（这些小按钮都属于UI）

对于我们玩家来说，游戏UI是我们与游戏产生交互的基础，因此一套好的游戏UI或许会并不引人注意，但是却会在无形中提升我们的使用体验。就好像我们用笔写字的时候，一根合适的笔并不会让我们直观的感觉多么属实，可一旦换成一根存在问题的笔各种不适与别扭就会无处不在。

而既然现在我们已经明确的游戏UI的定义，那么所谓的“好UI”又应该是什么样的呢？

让我们从两幅游戏截图聊起——

什么是好的游戏UI？

（《原神》主界面）

（《小森生活》主界面）

必须承认，我为了对比的强烈性选择了一组比较极端的对比案例，但是也正是因此我们才能够看出UI的好坏带来的直接影响。即便是不了解任何设计相关知识的人也能够清晰的看出《小森生活》的UI有着一种挥之不去的“廉价”感，这种廉价感并不是因为《小森生活》的UI设计不够用心，恰恰相反，《小森生活》的游戏UI在单独元素的设计上明显是下了功夫的。

那么...问题出在哪里了？

或许有的读者已经找到了问题的关键：功能的排列。

与《原神》将大部分功能收纳进二级菜单（派蒙头像）不同，《小森生活》几乎所有的功能都被一股脑的摆到了画面中，这些未经统一归纳五颜六色的按钮在画面上一字排开会让玩家在游玩的过程中感到明显的不适，并且在《小森生活》本就并不出众的游戏画面的配合下使得观感更显廉价。并且更为灾难性的一点是《小森生活》在所有功能按键下方都进行了文字标注，甚至还把文字加粗并进行了描边。这无疑更加重了画面的廉价感。

确实，《小森生活》的制作组并不是没有给出解决方法，但是折叠收纳的方法虽然能够提升画面的美观程度但却牺牲了易用性。这一方面是因为这一功能需要在每次打开游戏之后手动点击折叠，另一方面是因为当玩家需要查看某一个任务或者活动的时候又需要点击一到两次并在一堆密密麻麻的小图标中进行寻找。一言蔽之就是用户体验极差。

（也不知道这个分次折叠是哪个小天才的杰作）

接下来让我们来看另一组对比案例：

（《明日方舟》主界面）

（《四叶草剧场》主界面）

能够看出，《明日方舟》和《四叶草剧场》的UI设计在基本的功能逻辑上是较为一致的，都是将主要功能在右侧排开，左侧则是放置角色立绘，其他元素在边角排列。但是大部分的玩家却都会觉得《明日方舟》的主界面更有“高级感”。想要解答造成这一问题的原因就需要涉及到两个概念：“扁平化”与“拟物化”。

（iOS 6属于拟物化设计）

（iOS 14属于扁平化设计）

确实，拟物化与扁平化之间本身并不是孰优孰劣的关系，优秀的拟物化设计能够使画面显得美观精致，粗糙得扁平化设计也会导致画面乏善可陈。但不得不承认《四叶草剧场》的拟物化设计并不优秀，大量未经打磨的元素占据了大半的游戏画面，与过于追求“做旧”而采用的羊皮纸配色一同给人带来了一种沉闷的感觉。相比之下《明日方舟》的UI设计就显得更加清晰明了，在契合游戏风格的同时也给人以一种更为舒适的感觉。

但是这里就会出现一个很明显的误区：好看的UI是否就是好UI？

好看还是好用？

在展开讨论之前先让我们再看一组图：

（《王者荣耀》主界面）

（《和平精英》主界面）

如果单纯就美观程度来说的话，《王者荣耀》和《和平精英》的UI都只能说是中规中矩，没有很亮眼的地方，但也没有什么严重的问题，与其腾讯一线产品的定位相当契合。但是这并不是说《王者荣耀》和《和平精英》的UI就设计的不好，恰恰相反，如果考虑到两者广泛的游玩群体的话这样的UI设计反而是较为合适的。

让我们来看看《原神》的UI，好看么？确实很好看，各种元素的利用非常成熟。但是如果让一个没有游戏经验的新手上手，TA能够直观的理解每个按键的功能么？显然，并不能。而《王者荣耀》或者是《和平精英》就并不存在这样的情况，这是因为这两款游戏的UI比起美观更加注重的是新手的易用性，比如两者在底部功能栏的设计上都采用了文字为主的方式，这样虽然在视觉效果上不如直接放置图标，但是却更容易理解。再比如两者都将最常用的对局按钮做了放大处理，从而降低新手寻找的时间，并且用醒目颜色标出吸引玩家对局。

现在我们对于刚刚提出的问题应该已经有所定论了吧？一套优秀的游戏UI并不一定要一昧的追求美观程度，借用曾经学习UI设计时老师的一句话：“UI归根结底是给人用的，它最重要的是好用，不是好看”，而这也是很多玩家，甚至是初涉此道的设计师容易陷入的一个误区。

小结

一套优秀的游戏UI最重要的永远不是美观程度，而是在保持易用性的同时尽可能的保证美观，无论是手机游戏还是主机游戏都是如此。因此我们在评断一套游戏UI是否好看的时候最为根本的定义并不是“它好不好看”而是“它好不好用”。

不过这样不是说美观就一点都不重要了，还记得上面被当做反面案例的《小森生活》么？它的UI就是为了好用而牺牲了美观的典型案例，而结果我们也都看到了，不仅不好看，甚至也谈不上好用。因此，一款真正优秀的游戏UI应该做到在兼顾易用性的同时足够美观。

本文系作者投稿，不代表聚侠网观点