ASO教程:图标优化

移动开发
本文为ASO系列教程的第二篇,我们将介绍应用市场优化的图标优化。

如果你还没有读过第一篇应用商店优化(AppStoreOptimization)之关键词及描述这篇文章,我推荐你先阅读完那篇文章。但是这篇独立的文章同样能给你提供很多有用的信息。

应用商店优化系列文章的部分内容如下:

1.Keywords

2.Description

3.Icons

4.Screnshots

5.Videos

6.Ratings

7.Installs

8.Users

上一篇文章中所覆盖到的关键字和描述部分,不单对于AndroidMarket的搜索引擎显得非常重要,对于使用者也同样重要。这篇文章重点只有一个,并且它只有在你的应用已经对于潜在需求用户可见的条件下才显得必须且重要,那就是应用程序的图标。

3.图标

当用户在AndroidMarket上找到你的应用时,应用程序的图标毫无疑问是最直观也是最重要的一个元素。用户键入合适的关键词,返回列表中的应用只会显示有关两种元素:应用程序的名称及它的图标。可能有的用户会先阅读应用介绍,还有其他的一些用户可能只看图标,但大多说人两个都会看上一眼。

问题

当我这个月在AndroidDevCampStuttgart2的时候,我曾经在一个房间里给30名应用开发者讲解有关广告的话题。其间我问他们中有谁对于设计也很在行,猜猜结果有多少人:没错,一个也没有。

所以,如果你对于艺术不是特别开窍,那不妨花些钱去雇佣一个善于此道的人为你的应用程序设计一个图标。如果你负担不起的话,那就只能自己动手,丰衣足食了。制作图标需要经过不断的尝试-失败-再尝试,并且需要与其他人沟通,询问他们的意见,例如”你喜欢这种样式吗?”,”现在怎么样?”,”再改改后,这样呢?”

如何去做

这里有些建议可能对你有用。

第一个建议:永远,永远不要使用默认图标。这会使你的应用程序给人一种正在开发的感觉,而且它绝对不会是大多数你的用户想要寻找的目标。

0_1326027583gHZS.gif

第二个建议:如果你对Android的图标着实不是很熟悉的话,读一读Android图标设计指引(http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html),你可以看到Android2.0版本前后的图标有什么区别,在上面的链接文档中你可以学到:

(1).Youriconsshouldbefrontfacing,notina3Dangle.

(2).Youriconsshouldhaveasavemargin(6pixelsforeachsiteforahdpiicon)

(3).你至少需要以一个512×512像素的画板开始工作,不过推荐使用864×864像素。这能够让你更有能力在细节上工作。之后你需要为AndroidMarket制作5种尺寸的图标(512x512,96x96,72x72,48x48,36x36)和四种不同的屏幕分辨率(xhdpi,hdpi,mdpi,ldpi),一个拉伸的图标在边缘看起来像是被磨损一样,而在高像素设备上则看起来效果很好。

(4).你的程序图标应该尽可能的简单,这是非常重要的一点。你的图标应该能以36x36像素的方式显示,所以它应该聚焦于关键的一点:用一张简单的图像展示出你的程序是什么。

第三个建议:你可以使用AndroidAssetStudio(Android资源工作间),这个工具可以帮助你设计应用程序,但是它永远不可能代替你亲自动手设计出来的优秀成果。用这个工具你不应该做:

(1).使用glossy-option,itwillmakethehalfofyouriconclosetoinvisible(用过的一定知道)

(2).使用text-option

上面的建议正好可以过度到我的下一个建议:不要使用文本。首先,未必所有的用户都会去阅读图标上的文字,尤其是对于小型设备;其次,在应用描述中有足够的空间让你尽兴阐述。应用程序的图标是你给用户留下视觉记忆的一个绝佳机会。当然也有例外,比如你的商标已经是尽人皆知并且可以让用户自然的联想到一小段文字,像是”Y!”会让你联想到Yahoo!

另外一个重要的建议是保持一致性:你的应用程序不应该是一个配有坦克图标的国际象棋游戏,图标的样式,风格需要和你的应用程序功能和作用保持一致。

接下来需要注意的是,应当注意颜色的配置,因为颜色与人类的情绪有很微妙的关联。比如红色对于绝大多数人来说都会令其感到温暖,绿色让人联想到生命和成长。很多男性用户不太能区分红色和绿色之间的差别(红绿色盲),这也同样是你应该考虑到的。在ANDLABS(Android实验室),我们有一个为应用程序设计的混合颜色方案。在游戏中我们会将颜色设计的和游戏主题显得更加融合,

我们的应用程序配色方案包括了所有ANDLABS的logo中的颜色:

0_1326027611klg7.gif

你也许也在想考虑设计这么一个配色方案,为你的应用和视觉设计服务。这会让它们保持一致性的视觉效果并且加强你的企业形象。

最后,同时也是最难达到的一点是:让你的图标脱颖而出!不要让你的图标成为茫茫程序海洋中很普通的一个,因为那样会被轻易的淹没其中。你的目标是要让你开发的程序图标,成为搜索结果列表中能够立刻吸引用户的那一个,想达到这样的效果确实很困难并且着实需要付出很多时间。但是,如果你的应用自身非常优秀,那么我相信它值得你这么做。

反面教材

这是一个我刚刚制作的图标,用AssetStudio分分钟搞定的:

0_1326027637gOA3.gif

嗯,感觉如何呢?你觉得这个图标所关联的应用的功能应该是什么?也许是一款英语学习软件?也许是一个字典?或许是一款基于单词的益智游戏?

对于红色这款色调你又作何感想呢?你喜欢这种风格或是对它有好感么?

你对于这款应用的质量又有什么预判呢?是精良的优秀应用?还是一天速成的垃圾应用?

前后对照

下面是一个用于和上面进行对比的例子。我知道它仍然不是很完美,但我想你应该承认它正在不断改进。下面的图标是ALVoiceRecorder在初次发布时的图标:

0_1326027658r6lU.gif

我承认,这是我所酿成的一个错误。虽然我肯定有比这更差的图标,但这绝对可以排到倒数前三。

在我会见了一个设计师后我同意了使用ANDLABS的配色方案,现在它看上去是这个样子:

0_1326027673zZdk.gif

现在再来看看,程序的主要特征:录音功能。稍厚的麦克风筒,由于圆角而显得更加突出。此外,它符合了应用程序的设计初衷功能。这是下一篇文章中会提到的。

我希望你们能喜欢这篇博文。我不是一个设计师,但是我希望大家能够把建议和经验多多的提出来,大家共同进步。

作为翻译的我,也希望大家能够留下自己的意见,让我更快的进步,谢谢大家。

责任编辑:佚名 来源: 鸟哥笔记
相关推荐

2012-04-25 16:46:25

ASO图片视频

2012-04-25 16:34:04

ASO关键词描述

2012-04-25 16:08:18

ASO应用商店优化

2012-05-15 09:00:12

AppSEOASO优化工具

2012-04-25 16:51:21

2013-12-09 15:21:28

ASOApp Store

2012-05-14 13:59:44

ASO移动应用应用商店

2012-05-15 09:07:40

MobileDevHQASO

2012-07-03 08:57:42

ASO百度移动搜索手机站优化

2015-08-03 17:28:02

2013-11-25 13:56:39

2012-06-06 09:41:08

ASO技巧截图

2012-06-06 09:08:58

2012-05-14 14:08:45

AppCod.es应用商店关键字

2021-10-20 10:12:19

开发Visual Stud图标

2011-04-25 09:11:15

2012-11-16 13:47:15

ASOiOS 6

2012-06-06 09:34:43

ASO技巧为应用撰写描述

2015-05-21 10:03:04

应用标题ASO

2012-06-06 09:30:10

ASO技巧为应用取名字
点赞
收藏

51CTO技术栈公众号