打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
设计成功APP游戏图标的4项原则

最近看到网上几篇文章介绍了设计成功APP游戏图标方法与注意事项。有些网站通过对几位设计行业内的专家的访谈,他们提供了以下4个原则供大家参考。希望这4个原则能够成为未来游戏开发者们评价你的app图标时所使用的评价尺度。

原则一. 简洁
             简洁被认为是设计应用图标中的关键原则。尽管应用商店允许的图标像素数越来越大,但是实际显示出来的物理空间决定了在这小小空间内绝不能再有噪音。你只需问自己一个问题:如果你只能向人们展示你整个游戏的一个特点,它是什么?如果你觉得必须要展现好几个元素,请确保它们都能被清晰地传达,并且拥有清晰的互动交错关系。

原则二. 细节
        “细节决定成败”这句名言用在图标设计中一点也不夸张。用户变得越来越刁钻:在一个全民PS的时代,你可不能指望图层中有任何瑕疵能逃过他们的火眼金睛。在图标设计中注意细节就需要通过在内容区域中尽可能低加入细微内容,来为图标的整体效果增光添彩。添加细节的前提是——它们不能喧宾夺主。也就是说,添加细节是为了加强核心内容,但不能让图标显得杂乱无章,因此它并不和简洁的原则相矛盾。

Tiny Wings的图标可以说是平衡细节和简洁的典范。这个图标的设计融合了游戏油画般的美工风格,层次分明,游戏的主要角色突出,并且通过图标介绍了游戏基本场景。不少经典应用(比如Instapaper图标中摘录的文字)或游戏都有非常细致入微的设计,让小小的图标传递了app的品牌形象。

原则三. 一致性
        一致性是图标设计中的另一个核心要素。首先,你的图标需要和你的应用内容本身保持一致,驴唇不对马嘴的设计会让用户不知所云,还以为自己下载错了呢;其次,如果你推出的产品拥有一系列的应用,一致性会让用户快速发现其他相关应用;此外,如果不是准备“重头再来”,我们并不建议您将以前积累的忠实用户一扫而光,所以修改图标还是要慎重为妙。

iTunes App Store中的各种海盗游戏,其中不少都使用了经典的海盗旗形象,可以让玩家第一时间了解游戏的主题。但那些设计含蓄的图标就需要玩家进行一些猜测了。

原则四.独特醒目
      设计者的所有努力都将通过图标这个有限的空间展现出来,如何才能让它成为独一无二的代表?这就需要这个图标和其他所有的应用都不同,它需要独特而且醒目,让用户产生“非下不可”的感觉,绝不是流水线上的“标准化”产品。你会发现大型游戏发行商比如EA或Zynga会在所有图标中加入自己的logo,或者一些游戏图标会有亮色的边框以引起用户的注意。

现在我们比如,在App Store今天的最新推荐游戏中,不是加了发行商的logo就是使用了亮色边框。

六个“有关”设计元素的技巧和窍门

除了以上提到的几个原则之外,我们认为还有几个更为具体的要点需要注意:

1. 关于文字:图标中不要包含文字——你的应用名称已经显示在下面了,不是吗?
2. 关于颜色:一个图标中最好只包含三种颜色,颜色过多会使用户失去视觉焦点,从而不能快速理解图标设计的含义;
3. 关于光泽:不要使用iOS自带的光泽,它会干扰你原本的视觉设计;
4. 关于眼睛:图标里如果有一双眼睛,那么可以很好地吸引用户的目光。如果你的游戏可以包含一双眼睛,千万不要放弃它;
5. 关于刀:“水果忍者”图标中刀的样子让人过目不忘,可能的话您也可以尝试;
6. 关于显示屏:越来越多的浏览器开始支持可自由缩放的SVG矢量格式图片,Retina显示屏的推广将会使得矢量格式受到关注。

经过上面这么多条条框框的限制,以上原则落实到实际操作的最后一步,就是当你终于花费了大力气把修改完自己的图标之后,应该如何检验这个新图标设计是否给力呢?

测试图标设计的有效性

实践是检验真理的唯一标准。您可以把图标的不同设计版本给朋友看,或者通过社交平台分享给玩家进行投票选择,或者也可以在AdMob或其它广告平台上进行广告投放的A/B测试,通过点击率数据来测验哪个图标更好。A/B测试的具体步骤如下:

 我们建议你为自己的App设计3个或者更多的初稿;
 将这些备选的图标放到同一个Banner里,保持banner的其它设计元素不变;
 在广告平台的后台建立一个广告活动,放置一个小预算,或者使用自主广告或交叉推广的方式节省成本
 为不同的banner版本准备同样的广告活动,在未来的几个小时之内得到点击率数据
 选择带来最高CTR的那个图标

以上,我们提供了关于成功游戏图标的三重建议,包括设计原则、设计技巧和测试有效性的方法。我们希望能在未来看到更多设计优雅,令人影响深刻的游戏图标帮助开发者获得更多玩家的青睐。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
ps图标设计原则ps启动图标ps图标识别性ps图标一致性
这 10 个交互设计原则,你最好永远不要打破
你真的了解UI设计吗?UI设计的应用范围有哪些?
APP设计:如何让引导页发挥其热能?
特实用:移动游戏图标设计的7个原则丨触乐
【联合发布】MIX智游汇白皮书:如何在iOS 6时代的App Store中脱颖而出
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服