开发游戏UI时需要注意的事项

发表于2015-08-26
评论0 685浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏程序行业精英群

711501594

我非常喜欢游戏用户界面。如果我因为某种原因而未成为游戏设计师,我便可能成为UI或图像设计师。屏幕元素的布局不管是在引导新玩家还是便利资深玩家(他们对于游戏信息或结果的追求以及屏幕元素都没有太大的要求)方面都非常重要。


我将在本篇文章中分享我在过去几年里所积累的一些UI指南。尽管对于那些曾经致力于创造专业UI的设计师来说许多要点都再熟悉不过了,但是我却仍然希望所有人都能从中找到对自己有帮助的内容!


我所谈论的内容只是关于策略游戏或其它具有复杂UI的游戏(最具代表性的便是PC游戏)。那些第一人称射击游戏的设计师也具有他们自己的小知识大智慧,但是现在他们首先需要做的便是琢磨一些按钮放置建议(因为他们的游戏中并未设置屏幕按钮)。

game UI(from behance.net)


功能大于形式


许多开发团队并未拥有真正的UI设计专家。但是讽刺的是他们却都能够创造出非常华丽的UI。原因出在哪?


在游戏领域中,几乎所有专业美术人员的任务便是创造出最好看的内容。当然了我也可以只是为我的游戏勾勒出一些简笔画,但是这却不可能帮助我们获得应有的关注度。如果美术人员拥有解剖学知识或将图像转化成3D的能力,我们便能够看到更棒的作品。


而问题便在于,当我们让这类型美术人员去执行界面工作时,他们的目标可能仍与完成其它美术任务一样,即尽可能创造出任何外表好看的内容。然而如果设计师希望创造出容易上手且操作的游戏,他就必须先使用UI去突出功能而非形式。过多的装饰性设计将会让玩家感到迷惑。设计师需要确保按钮就只是呈现出按钮的样子,非交互式面板也就是非交互式面板的样子。花大量时间和资源去创造一个吸引人的界面有可能只会适得其反,并最终呈献给玩家一款难以亲近的游戏。


但这却不是说所有的UI都只能呈现出最简单且直白的文本内容。不是每一款游戏都适合简单的外观。装饰性元素也有自己的功效,也能够为游戏带来不一样的风味。但是只有在UI基本完成后,这些元素才有可能成为真正的关注焦点。也就是在组装框架前你并不需要去绘制汽车,同样地,你只有在创造出最理想的功能后才能去美化你的UI


关于UI,设计师们最需要牢记的一点便是:屏幕上每一个单一元素都将吸引玩家的注意。而你需要做到的便是确保他们能够将有限的焦点投射在你真正需要他们关注的内容上。


突出等于重要性


或者说:大物品总是比小物品更惹人注意。


当我们在创建UI时更应该注意这一原理。放大重要按钮看起来会不会很奇怪?当文本内容被放置在屏幕下方而不是上方时你是否会觉得奇怪?在做出任何这些行动前,设计师都必须仔细考虑这种设置对于可用性的影响。如果设计师制作出一个非常小的重要按钮,玩家可能会直接忽视它,或者需要花大量时间去寻找它,并最终对游戏感到失望。


规格并不是物品可见性的唯一决定元素。将一个元素单独放在屏幕上将能够有效地吸引玩家的注意。如果玩家打开一个呈现出一座特殊城市的屏幕,那么即使城市的名字是呈现在最上方的一小段文本中,玩家也能够直接看到它,因为此时周边并没有其它多余的内容。基于这种方法,实体周围空间的使用与UI设计工具箱中的其它工具同样重要。所以你需要合理地利用你的真空区!


我最近所沉迷的一款游戏,也就是棒球模拟游戏《Out of the Park》便是未能合理安排突出性质的一个典例。比起《OOTP12》,《OOTP13》做出了一定的UI完善,但是从某些方面来看它反而比之前游戏退步了。玩家评级数据便是一显著表现,文本与进度条共同预示着玩家的潜能以及他们离这一潜能的距离。以下便是《OOTP12》中的玩家评级数据:

ootp12_ratings(from gamasutra)

下图则是《OOTP13》的版本:

ootp13_ratings(from gamasutra)

它们所呈现的都是相同的信息。相比之下,《OOTP12》占用了更多空间,不够精炼,但最终却取得了比《OOTP13》更好的效果。为什么?


在《OOTP13》中,文本和进度条几乎保持在相同的高度上,从而让玩家误以为它们具有同样的重要性,并最终导致整个界面显得相对杂乱。如果每个条目都拥有较广阔的空间,或者能够确保进度条更粗或更细,那么这种模式便是有效的。


另外一种我不是很喜欢的改变便是将现有进度条与潜在进度条合并在一起。尽管这种方法能够节省空间,但是如此我们却很难吸引玩家的注意。最大的问题应该是颜色的使用,也许换个设置会取得更好的结果。


不管怎么说,我完全不能理解《OOTP13》所呈现出的玩家评级数据,尽管也有些人喜欢这一新布局。但是与生活一样,UI设计并不是只有黑与白,或好与坏。我认为这一特殊的布局只是《OOTP13》想与《OOTP12》进行较量的黑色心理斗争。


为相关内容分组


很多人会想当然地认为只要将文化元素置于能够衡量玩家发展的仪表盘便可。但是事实上,我们还需要考虑许多微妙元素。比如,你是会将城市文化消费置于其它与文化相关的信息旁还是消费信息旁?或者是两者皆可?那是否存在足够的空间?如果空间不足,你是否需要重新进行调整?事实上这是一个非常棘手的问题,但这也因此说明了UI设计是一门需要投入大量专业知识和经验的正式学科。


框架便是一种非常有效的分组方法,有时候甚至可以重叠多种内容。在上述提到的文化例子中,我们便可以将有关消费信息的垂直框架与包含文化信息的水平框架交叉在一起。当我们在创造UI实物模型时,我甚至惊讶于只要画出一些盒子便能够完全改变屏幕所呈现出的感觉。同时我们还需要注意的是过多框架将会让玩家分心,所以设计师应该只在必要时刻才使用这些框架。


另外一种分组诀窍便是将所有与行动相关的控制聚集在一起。当然了,我们总是很容易搞乱这些内容,并且这种方法也不是在任何情况下都有成效,但是如果你能够成功地做到这一点,玩家们便会真正认可你的付出。明确所有内容的具体放置点能够帮你节约反复的游戏时间,特别是在那些大型且复杂的策略游戏中。


使用颜色进行联系


当玩具首次进入游戏中时,他们根本就不清楚该如何进行游戏。这一文化是指什么?它能够做些什么?不管你拥有如何出色的UI或教程系统,你都需要花上一定时间去缓解玩家的陌生感。舒缓这种学习曲线的一种方法便是创建一些相关理念间的联系——而颜色便是我最喜欢使用的一大元素。


当然了,所有玩家都需要花些时间去搞清楚文化的作用—–这是他们必须经历的过程。但是如果所有与文化相关的属性都以紫色呈现出来,即文化图标是紫色的,提供文化的建筑外观也是紫色的等等,这便能在一开始帮助玩家更好地明确文化这一要点。当然了,你只能使用紫色去代表文化,否则便只会让玩家感到混淆。而红色和绿色则相对棘手,因为它们总是被用于代表一些的事物。


说到红色和绿色,我认为它们对于色盲玩家非常不利,难以提供给他们任何有效的信息。在过去几个月时间里我一直在玩一款棋盘游戏《Lords of Waterdeep》,从游戏本身来看这是一款非常出色的游戏,但是对于色盲玩家来说却不是这样的。四种可使用的资源块中有一种是黑色的,另外一种是紫色的。我的好友以及游戏设计师搭档David Heron便是色盲,所以他们在收集或使用资源时经常会有所疏忽,比如他们可能会挑选两种同样是色盲的人群也难以辨明的颜色。而如果UI设计师能够优先考虑这一问题,便可能轻易地避开它。


waterdeep_card(from gamasutra)

图标和文本—-就像花生酱和巧克力一样的存在!

UI图标非常棒。但是它们却难以单独发挥作用。只有玩家真正明确每个图标的含义后它们才能真正发挥功效。而如果这一过程花费了过长时间,那么图标的存在便会破坏了UI的可用性。遗憾的是,许多游戏都忽视了这一点而只是呈献给玩家一些无意义的图标,或者只是期待着他们能够自己去理解图标的含义,甚至去思考所有潜在的问题。最糟糕的图标要数那些工具提示,因为我们不可能再创造出相关提示去解释这些工具提示的含义。让玩家将鼠标移至图标上方去辨别它的设置不算太糟糕,但是这种方法却并不适用于所有案例中——图标和文本必须同时呈现出来。


的确,这一内容并不适用于所有方法,因为比起使用16像素宽的图标,你不得不为每个单词多添加50以上的像素,但是不管怎么说,这都是值得付出的代价。但这却不是说你必须尽所能将所有内容塞进最后的像素中——我们需要留给界面像素足够的喘息空间,否则最终只会出现像上面的《OOTP13》那样混乱的布局和颜色设置。图标是帮助玩家进行辨明的工具而非拯救像素的手段。


垂直罗列文本(而非水平)


我并不喜欢水平的数据罗列模式,因为这看起来一点都不鲜明。


注意标签的使用


很多人都喜欢使用标签。从积极面来看,这能够有效地呈现出数据信息。但是在游戏UI中却没有多少成效。因为标签总是会隐藏一些内容。你可能会认为了解了所有内容后这便不是问题所在,但是实际上这才是问题的关键。


没有人会在第一次或第十次开始游戏后便成为专家。所以你隐藏在标签之后的所有内容都有可能遭遇忽视,甚至许多玩家根本就不会留意到它。如果标签所包含的95%细节属性是玩家所不在乎的内容,那倒没关系;但是通常情况下标签总是充当着一种草率且消极的空间储存工具。所以我强烈地建议设计师们能够把角色的所有魔法信息归于一个标签中,并将其打斗信息置于另一个标签中,以此类推。这么做能够有效地扩展相关数据,让玩家很难一下子便接触到所有内容。


音频和UI


在某些情况下音频设计和UI设计总是能够有效地融合在一起。它们的目的都是向玩家传达相关信息,所以为何不将它们整合在一起呢?


玩家所采取的任何行动或游戏中所出现的任何事件(与界面相关或相反的)都必须具有特殊的声音。这些声音可能都是一些独特的声音,也有可能是多种触发器引发的同一个声音。声音的设置最终还是取决于当前情境,设计师的选择以及声音预算。一般情况下,如果任何行动或事件对于玩家的影响非常相似,它们便能够共享一个相同的音频。


并不是每一个游戏团队都拥有一名出色的音频设计师,所以开发者们总是很难创造出具有AAA级水平的游戏音频,但是尽管缺少音频专家,开发者们仍需遵循一大规则:每个游戏行动都必须附加某种类型的声音。可能只是最普通的“ding”——如果没有声音,玩家将会认为什么都未曾发生。你肯定不希望游戏带给玩家疑惑,混乱的感觉吧。


面向硬核玩家的UI


关于游戏UI设计的最后一点便是:为硬核玩家量身打造的UI。开发者总是更倾向于完善UI功能而非UI可用性,因为他们所获得的大多数反馈都是来自于开发团队,测试员和QA(游戏邦注:这些人大多都非常熟悉游戏,并希望看到更强大的游戏功能)。另外一个原因便是开发者总是很难接触到全新的玩家。


尽管我投入了大量的时间去创造能够迎合新玩家的UI,但是不管怎样我都认为不该忽视UI的优势。我始终强调停止最基本的帮助,而将更多信息呈现在屏幕上并将所有好看且贴心的工具提示转化成新玩家也能够容易读懂的虚拟目录。


你能够提供给大多数硬核玩家最大的帮助便是在任何内容上附加热键。不管你的UI如何有序且完善,玩家的行动都不可能比按压一个按键来得迅速。缺少热键的游戏总是会让我感到沮丧,甚至让我怀疑是否只有自己独自待在游戏中。


我们必须想办法平衡这两种群组玩家的利益。不管是新玩家还是资深玩家都不应该遭到忽视,只要我们能够投入足够的时间和精力,这便是一个可以实现的目标。不幸的是,出于商业因素游戏开发时间总是会被大大缩短,特别是UI设计——因为它很大程度依赖于各种迭代。而这种缩短对于游戏开发来说尤为不利,因为UI是每个玩家体验游戏的必经层面。如果一款电子游戏呈献给玩家一个糟糕的UI,便会让玩家感觉自己好似在使用一些难以理解的骰子在玩《Yahtzee》,或者使用一些黏在一起的卡片在玩扑克游戏——这是多么糟糕的体验啊。


所以广大开发者们,请带着你们的聪明才智勇敢地向前迈进,去创造属于你们自己最完善的UI


原文链接

著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台