首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么游戏界面很重要

也许您想帮助玩家通过菜单找到自己找到该操作的方式。您可能还想增加销售量。无论您的目标是什么,都可以通过使用正确设计原则并衡量更改的影响来实现所有目标。

我们希望人们在游戏中找到自己的出路,甚至如何使用户专注于游戏。为了实现这一点,我们应该消除界面上的摩擦。我们不想让玩家在菜单上浪费时间。我们希望他们通过界面获得他们所需的信息。不多不少。与游戏玩法不同,您几乎总是希望尽可能简化导航。这与游戏的难度或“休闲”游戏无关。

在移动游戏中,界面设计不是很清晰,而可以造成或破坏您的游戏营收。想想商店按钮。它允许用户解锁完整游戏或获得虚拟现金。如果丑陋,难以看清或不清楚,则用户不太可能注意到并按下它。Web设计师非常了解这一点,并结合使用图形设计和分析来充分利用他们构建的应用程序的每个主要元素:表单,菜单,按钮。

您很快就会发现,本文将游戏的UX设计原则付诸实践。事不宜迟,以下是我改善游戏UI的关键技巧。

拥抱一致性

当我们谈论设计时,一致性是成功的最大关键之一。您想将相同的规则集应用于整个界面。如果您破坏了它们,只有在没有选择的特殊情况下才这样做。例如,如果您在免费游戏中添加了一个通知系统,那么您肯定不会像其他按钮一样设置样式和设置动画。

定义精确的样式指南

您要定义和遵循精确的样式指南的原因有两个:

1.如果一切看起来和按钮的设计动态统一,工作方式都相似,那么您的用户界面将对玩家而言更加直观。

2.这将使您可以使资产模块化,以重用元素,从而节省大量时间。

从您创建的第一个UI资产中,尝试考虑所有内容将共享的特征。

这可以归结为添加到精灵上以使其弹出的效果。或者这可能是您添加到边缘的斜角,以柔化边缘并使它们适合您充满活力的游戏世界。

更准确地说,您希望与用户界面给播放器的所有视觉或音频提示保持一致。这包括屏幕上的位置和锚点,布局(即水平或垂直列出设置),用于补间的缓动类型,在Photoshop中应用于图层的样式,调色板等。选择的原则应用超越了单个按钮的外观。

创建视觉层次

如果所有按钮都应具有相似的特征,则您仍希望具有一些视觉层次。使用大小,颜色对比度和更详细的动画使更重要的内容突出。例如,对于播放和购买按钮来说,具有独特的声音效果也是很常见的。正如您可能了解到的那样,最重要的按钮是玩家必须最常按下的按钮(在播放,进入下一个级别等),还包括您希望他们注意到的按钮,例如游戏中的商店。

服装图标从框架中伸出,并使用明亮的橙色背景。因此,带有“购买”按钮的整个区块突出

要忠实于UI的核心设计。您不能只关注一个点来制作。

然后,您可以使用以下4种工具创建可视层次结构。

位置或布局

如果多个元素在水平或垂直方向上彼此对齐,并且它们都具有相同的大小,则它们感觉就像在同一水平线上。同样重要。抵消其中之一,将其放在上面,会觉得明显很多。

在此示例中,玩家没有获得最佳分数。在这种情况下,他很可能想再次比赛,尝试击败他的上一次分数。这就是为什么重播按钮的形状,其颜色和位置都被用来使其比界面上的其他任何按钮更显眼的原因。

色彩对比

使用其他主色作为您要让玩家注意到的按钮。绿色在网络上很常见,因为我们很少将其用于其他元素,并且被认为是积极的。避免红色调。您应该保留那些用于取消操作和从列表中丢弃元素的操作。因为那是血液的颜色,所以它暗示着危险,并且在情感上感觉更加消极。

尺寸

与周围的事物相比,事物越大,我们越容易注意到。要创建层次结构,您不仅要使UI元素变大:您要使单个元素大于周围的所有其他元素。您可以使用它来使选项看起来更常见或更突出,例如您的播放和购物按钮。

动画

发光的发光周期或按钮中的摆动将吸引玩家的注意力。同样,使它对于一个元素唯一,以使其与其他元素区分开。归根结底,这几乎只是一个对比问题。

您还可以使用其他一些技巧来创建醒目的按钮。例如,您可以将装饰品添加到它们,将它们像小插图一样对待。

播放按钮的位置,颜色和大小都很突出

使用客观数据

少即是多

让您的界面呼吸。没什么比没有按钮的混乱界面更让人头疼的了。对于某些游戏(例如MMO),可能需要复杂的UI。但是您仍然想要像UX设计人员那样思考,并删除播放器可以愉快地生活的所有内容。

您需要元素之间有一些装订线。但不仅如此。您在元素周围留出的空间越多,则制作得越大,则弹出的内容就越多。如果没有其他按钮可供用户按下,效果会更强。这就是为什么您经常会在免费商店中看到虚拟商店中有很多物品,皮肤和经验乘数的原因,但是当您购买虚拟货币时,会拥有专用的界面,并且选择的数量有限。目标是转换玩家并使他们按下其中的特定按钮。

无论如何,您在任何给定屏幕上拥有的选项越多,玩家阅读它们并找到所需内容所花费的时间就越长。他需要更多时间来学习界面。很难达到正确的平衡,一开始您可能无法实现这一目标。正确执行此操作的最佳方法是按照所需的方式构建界面,实施分析以跟踪玩家按下的按钮,他们在每个屏幕上花费的时间以及查看在制作游戏时数据如何演变。更改。

通常,这是您要在软启动阶段进行的测试类型。

在Pudding Monsters中,最终关卡屏幕非常简单。充满活力,在黄色背景上具有紫色按钮以获得最大的对比度,并且只有3个按钮。

最后一个提示:谨慎使用图标

您会在iOS和Android上到处看到图标。智能手机带到桌上这是一件有趣的事情:没有标签的按钮,您甚至不必阅读!听起来很棒。但是实际上,它们并不总是有效。

从fontawesome看这些图标:突然之间,您知道它们的意思吗?

这很容易:信封的意思是“阅读电子邮件”。没有联系吗?或输入您的联系信息?您如何知道齿轮在您学到之前就意味着“设置”?感叹号可能表示存在危险,或者表示您不想错过的交易。2相反的事情。

关键是图标可能会令人困惑。您不想在任何地方使用它们。有些具有确定的含义,并且您确实想使用:大多数玩家都知道播放和前进按钮分别播放该级别并将它们带到下一个级别。这些象形图也用在音乐播放器上,使更多的人熟悉它们。但是,如果您再次查看Cut the Rope的商店页面设计,则开发人员决定使用“购买”标签,以确保人们理解按钮的作用。如果玩家不了解选项的目的,那么他很可能会忽略该选项。

好的标签可以防止混淆图标带来的麻烦。他们确切地说明了按钮的作用。是的,如果您使用标签,则必须翻译它们,这将在您第一次使用标签时给您带来一些额外的工作。现在,翻译支持是一种功能,您可以在以后制作的每个游戏中重用。将其视为一项投资。

摘要

事后看来,要创建良好的接口,我们应该将UX设计的原则付诸实践:

1.强大的规则集可以使我们的用户界面保持一致,从而使用户界面更加直观

2.我们可以在给定的UI元素上使用唯一的大小,颜色,位置和动画,以创建视觉层次并使其弹出

3.我们要注意不要使我们的用户界面混乱

4.使用分析,我们可以衡量我们的更改如何影响转化并改善用户体验

欢迎关注更多好看

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200605A0BFN400?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券