设计成功游戏图标的三重建议

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

在iOS 6的App Store中,视觉元素变得空前重要,因为App的搜索结果只有你的第一张应用截图,以及你的名字、图标和评分。这仅有的几个能够展现自己的元素是实现游戏应用下载转化的关键机遇。今天我们将延续这一话题,但关注的ASO对象更为具体——图标设计。

设计原则:来自行业专家的建议

通过对几位行业内的专家的访谈,我们提供了以下几个原则供大家参考。希望这几个原则能够成为未来游戏开发者们评价你的app图标时所使用的评价尺度。

1. 简洁

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

2. 细节

“细节决定成败”这句名言用在图标设计中一点也不夸张。用户变得越来越刁钻:在一个全民PS的时代,你可不能指望图层中有任何瑕疵能逃过他们的火眼金睛。

在图标设计中注意细节就需要通过在内容区域中尽可能低加入细微内容,来为图标的整体效果增光添彩。添加细节的前提是——它们不能喧宾夺主。也就是说,添加细节是为了加强核心内容,但不能让图标显得杂乱无章,因此它并不和简洁的原则相矛盾。

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

3. 一致性

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

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

4. 独特醒目

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

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

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

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

1)关于文字:图标中不要包含文字——你的应用名称已经显示在下面了,不是吗?

2)关于颜色:一个图标中最好只包含三种颜色,颜色过多会使用户失去视觉焦点,从而不能快速理解图标设计的含义;

3)关于光泽:不要使用iOS自带的光泽,它会干扰你原本的视觉设计;

4)关于眼睛:图标里如果有一双眼睛,那么可以很好地吸引用户的目光。如果你的游戏可以包含一双眼睛,千万不要放弃它;

5)关于刀:“水果忍者”图标中刀的样子让人过目不忘,可能的话您也可以尝试;

6)关于显示屏:越来越多的浏览器开始支持可自由缩放的SVG矢量格式图片,Retina显示屏的推广将会使得矢量格式受到关注。

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

测试图标设计的有效性

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

1)我们建议你为自己的App设计3个或者更多的初稿;

2)这些备选的图标放到同一个Banner里,保持Banner的其它设计元素不变;

3)在广告平台的后台建立一个广告活动,放置一个小预算,或者使用自主广告或交叉推广的方式节省成本;

4)为不同的Banner版本准备同样的广告活动,在未来的几个小时之内得到点击率数据;

5)选择带来最高CTR的那个图标。

责任编辑:闫佳明 来源: cocoachina
相关推荐

2019-07-30 13:16:07

华为鸿蒙任正非

2013-11-01 10:22:24

宽带中国困难

2023-03-02 07:29:35

2019-03-17 22:53:43

工业互联网信息化数字化

2011-07-01 11:21:29

三重保护信息防泄漏数据防泄漏

2013-08-27 14:20:09

游戏应用图标ASO应用商店优化

2019-11-15 13:22:51

戴尔

2021-05-21 15:56:28

勒索软件攻击数据泄露

2021-11-18 13:40:50

物联网人工智能IoT

2010-11-11 11:32:36

IT管理北塔软件电网信息化

2010-03-10 10:43:12

无线产品无线路由器 D-Link

2022-02-14 10:49:16

GNOME开发桌面

2011-05-23 09:40:10

HP体验

2017-04-12 13:12:42

teradata大数据数据

2011-07-15 13:56:12

2021-04-09 13:19:11

网络安全智慧交通技术

2022-03-29 11:06:33

勒索软件网络攻击加密

2023-12-06 15:40:13

数字化转型CIO

2010-06-18 14:27:31

UML图标
点赞
收藏

51CTO技术栈公众号