独立游戏UI界面设计指南

作者:Nathan Lovato

编译 | 三二 (转载请注明出处)


关注公众号:教你画像素画

微信号:pixelfish

微博:教你画像素画2014


优秀的UI界面不仅可以让玩家舒服的玩游戏:它还可以增加收入。遵循下面的UI设计指南,可以帮助你设计出优秀的的UI界面,增加游戏收入。



一致性原则

一致性是设计成功的最关键因素之一。游戏中的UI元素风格应该保持一致。样式化按钮和菜单是一个好办法。一致的UI元素可以减少玩家的学习成本,同时还使美术资源可以复用,节约美术开发时间。


视觉层次清晰

虽然所有按钮都具有相似的样式,仍然可以通过使用大小,颜色对比和动画使画面具有视觉层次或突出显示重要的东西。为游戏购买按钮添加独特的音效也比较常见。


最重要的按钮是玩家必须按下的按钮(开始游戏,进入下一关等),还有你想让他们注意的按钮,比如游戏中的商店按钮。


可以使用下面4种方法来创建视觉层次


1、位置/布局

如果多个元素彼此对齐,无论是水平还是垂直,它们都应该是相同的大小

上图中重玩游戏的按钮位置在正中间,并且通过红白对比引起玩家注意。


2、颜色对比

希望玩家注意的按钮要使用不同的主色。绿色在网络上很常见,因为我们很少将其用于其他元素,绿色被认为是积极的。请避免红色,红色多用于取消操作和删除按钮。红色代表血液,危险,并且情绪上的感觉也比较负面。


3、尺寸

较大的东西更容易被玩家注意到。


4、动画

动画更容易被玩家注意到。


AB测试

做好设计方案,然后配合运营人员做AB测试。更新游戏后,收集数据比较结果。可以改变颜色,大小,位置,样式等来测试效果,比对数据选择转化率高的设计。

少即是多

在任何情况下,屏幕上拥有的元素越多,玩家阅读和寻找花费的时间就越多,游戏的学习时间也越长。因此请确保UI元素的必要性,尽量砍掉不必要的元素。

谨慎使用图标

在智能手机中到处可见各种图标,但是它们很容易导致歧义。

比如上面的信封意味着电子邮件?不联系?或是输入联系信息?在你明白这些图标的意思之前,你怎么知道齿轮代表“设置”?感叹号可能表示存在危险?但是也可以代表重要的事情。


因此对于容易产生歧义的按钮,请使用文本。比如下图中的Buy,使用文本会增加翻译工作量,请不要省略它。



完。

本账号系网易新闻-网易号“各有态度”签约账号





Author: pixel32