马克互联网团队招募成员,谢绝纯金高富帅和玻璃心百富美。我们只要编辑、设计湿、程序猿…… 马克互联网QQ群107932263

简单五步设计完美app icon

产品设计 马克先生 168℃ 0评论

大部分人都是肤浅的,因为即便我们都认为判断事物好坏的标准是要看本质,但外观对于我们最后的决定始终有着重要影响。你可能会说“我们又不是约会,相反,我们是在讨论app icon对用户决定下载哪个应用的影响力”。因为这些小小的正方形–有时候还带有边框,它们在影响着你的应用的下载量。更进一步说,蹩脚的icon设计还可能被应用商店拒绝。马克互联网曾分享“设计优秀应用图标的六大妙招”,此次分享的是相当比较简单的五步法则,希望对app产品经理和设计师一些启发,让你们的app图标一目夺人。

在今年6月份的WWDC上,蹩脚的icon设计成为开发者被App Store拒绝的三大原因之一。由此可见,多少开发者在icon设计上栽过跟头。以下是我们分享的关于优秀的app icon设计方面的五点建议,希望能帮助到更多开发者。

一.研究设计趋势

还记得过去几个月关于iOS 6和iOS 7的争论吗?iOS 7摒弃了让苹果设计大放光彩的拟物化设计,转而采用扁平化设计风格,为此引发了开发者、设计师以及用户的激烈争论。

对于开发者来说,过往苹果操作系统演变趋势都是对围绕着消除上个版本中的bug进行,而这次iOS 7却是从头到脚崭新新的,连同主屏幕上的icon都是扁平化的。脱去了拟物化的icon更加扁平,色彩更加明亮,微妙的阴影以及3D视差效果。虽然Windows Phone平台的开发者已经很好地习惯了扁平化的icon,但是对于iOS 开发者来说,这是个不小的转变。
简单五步设计完美app icon-马克互联网
看看YouTube的icon设计,左边的icon展现在iOS 7上似乎很违和,而右边谷歌最新的扁平化设计旧顺眼多了。

创新是当前设计领域的法则,虽然你永远都可以保持自己的见解,但跟随潮流往往会让他们下载并经常使用你的app。所以开发者在着手设计icon前,最好看看好朋友谷歌的建议,以确定你了解当前的设计趋势,并与之保持相同的步调。

二.从潜在对手身上获得设计灵感

虽然开发者需要确定自己紧跟当前的设计风潮以确保app icon完美地展示在主屏幕上,但是更重要的一点是要确保icon适合你所选择的市场,能让你的应用在芸芸大众间脱颖而出。

找到两者之间的平衡点绝不是件容易的事,但是快速浏览应用商店中的同类应用也能让你看出某种趋势,比如你在App Store搜索三消游戏,就能找到你设计的icon和大众趋势之间的差异。
简单五步设计完美app icon-马克互联网
苹果的UX布道者Mark Stern曾说过,如果icon看起来非常棒,并且设计的非常精巧,那么用户会觉得这款游戏的其他方面也会非常不错。因此投入一定时间在App Store或者其他市场搜索潜在的对手是可取的,可以帮你认清对手但又从对手身上获得灵感,从而设计出更棒的icon。

三.为icon赋予人物角色

对于游戏开发者来说,最值得欣慰和兴奋的是你创建了令人难忘的角色。好的游戏icon可以在当时,甚至数年后仍存在于玩家的记忆中。不管是马里奥,索尼克,还是Grand Theft Auto V中的Trevor,这些特殊的角色已经深深扎根于用户的脑海中。为icon赋予人物角色还能帮助app在众多app中脱颖而出。

看看下边这三个例子:Murder Files,Ridiculous Fishing和Badland。这些玩家投入时间和金钱养成的游戏角色被放在icon上,这让它们淋漓尽致地展现在App Store中。
 简单五步设计完美app icon-马克互联网
基于这个建议,你面临的主要挑战是尽可能好地让你的游戏主角展示在icon中,以上3个icon就是很好的例子。在上述3个例子中,游戏主角支配了图像,但每个都很好地把游戏内主角融入到icon中。

《Ridiculous Fishing》的Billy正用他那可笑的机关枪进行射击,《Murder Files》中的优雅的Hannah Dakota抓住了游戏中经典的英国味儿,《Badland》结合游戏主角和华丽场景创造了一个视觉效果强烈的意境。把游戏主角融入icon可以让你的游戏更加个性化,同时也能让玩家从众多游戏中一眼识别出你的游戏。

4.让事情保持简单

与移动平台其他所有的事情一样,简洁是成功的icon设计必不可少的。甚至在“平板手机”革命之后,相对来说,手机屏幕仍显得比较小,无论是在应用商店中还是安装在主屏幕上,app icon占据的空间都非常小。如果不细心,很容易给你带来难以想象的后果。

自由图形和web设计师Axel Hunter认为简单是一切事物的核心,他表示当谈到app icon设计时,它是“少即是多”设计原则的坚定拥护者。他认为除了看起来非常酷之外,简单的设计也意味着设计师可以选择一个特定的基本元素,并把它打造的熠熠闪光,而不是在icon上使用过多和凌乱的元素。所以你该如何让icon保持简单呢?Hunter提出了一个值得参考的主要原则–强大而简单的设计的关键在于使用一个和品牌或者app主题强烈相关的图形。

简单说,这意味着你需要在icon中剔除文本,给基本的图像元素留有适当的空间。如果你的游戏不是人物驱动型的,选择少数几个互补的颜色来创建独一无二的图形。在注意力短缺的当前,那些可以最快显露自己特点的游戏将会获得成功。所以当你设计icon时一定要记住这一点。

5.测试!测试!测试!

做到以上几条建议后,你可能已经理解了设计一个优秀icon的要点,但是你不知道icon设计的究竟好不好,直到别人看到它。来自第三方的建议可能会有所帮助。

比如,如果你有一个游戏角色驱动型的游戏,游戏中有4个厉害人物,你应该选择哪个?

如果你的游戏中没有值得突出的游戏角色,那么突出游戏宝石或者创造一个独特的设计会不会更好?恐怕你很难找到答案,因为我们很难确定一款游戏的成功或者失败是不是因为icon设计的好坏。

幸运的是,23snaps市场营销总监Meaghan Fitzgerald想到了一个很好的方法来测试哪个icon最有效–通过广告的力量。Meaghan Fitzgerald有着网页市场营销的背景,习惯于对每个市场营销活动元素进行A/B测试,所以转入移动市场后有点不适应,这一点视乎更难了。

“然而说到app icon,我想就如何优化icon多做些调查研究。这让我开始思考如何使用现有的营销渠道(比如Facebook和Google广告)来测试不同的icon版本,通过现有的用户基础看看哪个icon的点击率更高一些。我们用Facebook广告(这个更便宜)做测试,因为我们想要驱动品牌在Facebook上知名度。我们使用相同的广告文本,只是改变了图标–我们有3个不同版本的icon。最后,我们使用了最终胜出的icon。在我们决定使用哪个icon之前,这是个测试选择icon的好办法”

这些都是很方便的事情,并且也容易设置。你可以在广告网络上发布使用不同icon版本的广告,不出一天就能得到反馈,最终帮你确定选用哪个icon。

以上就是为APP游戏制作标志性icon的5个步骤。

这些看起来似乎都是小事情,但是一个设计精良的icon可以带来更多下载量,可以帮你把app留在用户手机设备的主屏幕上,甚至还有助于媒体传播,这些尤其对那些认为尺寸很重要的人的胃口。

转载请注明:马克互联网 - 简单五步设计完美app icon

喜欢 (0)or分享 (0)
关注马克互联网