手游icon图标:完善指尖大小的第一印象

移动开发 Android 移动应用
开发商和发行商需要自己的产品给人留下很深刻的第一印象,每个月有6000到7000 App在iTunes发布,争夺用户的注意力、时间、手机空间。这就是为什么都对指尖上的图表图标下那么大功夫。

[[119250]]

每个月有6000到7000 App在iTunes发布,争夺用户的注意力、时间、手机空间。这对游戏来说尤其艰难,因为这个生态系统充斥着各种免费模式。

开发商和发行商需要自己的产品给人留下很深刻的第一印象。这就是为什么都对指尖上的图表图标下那么大功夫。

参考:电视游戏的感性一面:可持续发展,治愈和爱

Chillingo是一家日益精良的手游公司。总经理 Ed Rumley说,要确保每个游戏的icon精致完美,这就意味着定稿前会有100到200个不同的草稿方案。

Chillingo作为一家手游发行商已经有运营10年了,早于App Store。Rumley说,虽然公司现在属于EA,但是他们会自主运作,经常贴着EA的标签寻找资源Chillingo公司主要的工作是,从数百个不同 的手机工作室发行搜集手机游戏进行发行,有。大公司,也有小的工作室独立开发者无论大团队或小作坊。

当涉及到他们的游戏的出现在App Store上,就这意味着着制作商带有的创意和经验。Rumley说,由Lucy Blundell领导的内部的平面设计团队帮助设计游戏图形形成,并且这个团队能帮助程序员实现创意,乃至并最终研发出成品成品实现最终想法,以创作最终 作品。

Rumley说,“ 图标可以快速传达信息。Rumley说“这个游戏有必备要的未知因素么?图标可以快速获得这些信息,这就是每个人都想去点击它是一个每个玩家都想去点击的 图标吗?这图标就好像你在是沃尔玛和乐购的看到的产品包装。这就是为什么我们痴迷于细节,因为你不会把坏的产品包装放在商店里”

Mashable(博客)报道请Chillingo向走过我们介绍了的三个不同的游戏创建图标的设计,在App应用商店,以展示显示他们如何到达从理念创意到最终在app store应用商店是如何实现的。

 http://s9.51cto.com/wyfs02/M01/47/F7/wKioL1QFKQPC-7-NAACNFqtyles268.jpg

死亡像素

《死亡像素》 是一个古怪、8位无止境的游戏,当开发商About Fun向Chillingo提交开发者为“死亡像素”提交的有趣图标想法图标创意时,一个古怪的,8位无止境的游戏,给Chillingo公 司,Rumley说团队接收过许多优秀的想法这个团队有很多很棒的想法,只需要进行拿捏稍作调整即可。

是什么让《死亡像素》独一无二,是它的半复古的艺术风格,同时也是它的游戏的可玩性,一个像素通过在彩色的天空不断下降。Rumley说团队花费了大量时间,试图找出其中的图标设计既传达那些想法可以同时表达出这两个想法的图标。

其中一个Chillingo的图形设计团队用来增加她们他们设计决策的技巧之一,使用,以帮助他们的设计决策的技巧是把一个游戏的潜力图标在一 个模拟的在模拟的应用程序商店放一个候选图表,比较他们与其他顶级游戏图标进行比较,如果他们看这些图标是否能脱颖而出。结果是,《结果死亡像素》最终的 想法看起来是这样的: 

3

团队发现两个想法置入有两个想法:方脸似乎更能突出图标和速度线。他们发现表面旋转45度给了图标的速度错觉,并且加入了彩虹步道使得它可以让人想起经典的雅达利盒艺术。 

4

最后的图标也有单色系背景,其中Rumley认为说很重要的时候将是在游戏更新时这个比较重要。由于因为苹果iOS现在允许应用程序自动更新自 动升级自己,所以需要有一个办法方法,让玩家知道在他们的游戏有新内容哪些部分是更新的。一个微妙微小的更新升级,如更换背景色,可以让 Chillingo表示向玩家传达游戏更新的信息,也而不会失去什么使一个标志性的图标图标的标志元素。

5

现代指令

为迎合Chillingo,第八层工作室对于为军事战略游戏《现代指令》, 在他们的图标,第八层工作室带来了的图标提出了几种几款不同的想法和主题的图标,以满足与Chillingo的。虽然Rumley表示说他们的设计是优秀 的很棒,但他指出,一些比较缺乏手机游戏设计经验的地方,设计者可能没有意识到经验较少的手机设计游戏资源可能没有意识到:他们太杂乱,当他们是一个更小 的尺寸当这些图标尺寸变小时会显的很杂乱。

“当在一个24寸显示器上看这些图标都很棒,但是当你缩到小了拇指大小在iPhone上缩到拇指大小时,它就不可思议的变成了另一个完全不同的这是一个令人难以置信的不同的故事,“Rumley说。

6

图片:CHILLINGO /第八层工作室

所以该团队返工,注重注重导弹和坦克的主题,顺应《现代指令》的主要元素。虽然导致更有前途的图标的例子设计出更多有希望的图标样品,但Rumley表示,担忧担心图标不匹配其他产品材料为游戏创建,与产品的其他材料背景不匹配,就像一个编辑的选择标题条幅一样横幅。

 7

该团队继续修改图标,专注于游戏的战略元素。Rumley说,当他们突破决定将导弹背对玩家,使它看起来像他们负责被控制着的时候,就实现了。突破。

在一个图像里,我们正在努力创造游戏是关于什么的相关的故事,“Rumley说。

另外,他们他们还决定在图标的最终颜色方案——黄色——在注意到App Store有多少蓝色和绿色的游戏图标在应用程序商店被占用时,他们最终决定图标的主色用黄色。

猴子智商测试

正如Rumley告诉它所说,《猴子智商测试》是在一个很难在一张图像上解释阐述的高难度游戏。

 8

抽象几何拼图游戏,“能立刻吸引一位70岁的老母亲和一个铁杆玩家,“这个很难把想法很难写下来讲一个故事。

团队在公牛之眼工作室的团队也非常坚决,他们曾很坚信他们设计的图标在将会在App Store应用程序商店使用,所以Chillingo团队必须创作出看起来更好的方案不同创建不同的东西,会更好看,说服他们改变图标。(游戏的原创图标右边如上右所示。)

“我们认为这是在游戏中相当不明确的想法游戏的想法相当不清晰,“Rumley说。“我们认为这将缩小市场。一旦人们玩游戏,他们会明白这种意图,但该图标并没有使玩家想要去点击的欲望打开他们收藏起来。”

 9

上面的示例显示图形团队试图考虑现代艺术形状和块状模式,以及类似于《黑客帝国》的电网和任何猴子都会喜欢的零食的最喜欢的零食玩:一根香蕉。Rumley表示,他们仍在寻找一个有凝聚力的主题,尤其是当你添加额外的需要创建的图形元素。

“你不能有看起来比你的与编辑器的选择的不同的横幅不一样的东西,因为这样看起来像是你在你与自己竞争,”他说。

 [[119258]]

真正的灵光一现是当团队在公牛之眼的团队带着新的预告片眼睛回到Chillingo新的预告片,用黑猩猩作为《猴子智商测试》独特的图形形象具有搭配四面接口的独特的图形黑猩猩。Rumley说他们所有人都立刻爱上了它。

“这实际上是这个伟大的预告片,给我们重新设计标题和图标的灵感,重温旗帜,图标,当你看那些看到这些放一起时,就觉得它们确实融合了在一起是 真的凝聚。它有很多不同的形状和角度,用猴子好,同时用猴子也可以,添加一些微妙的细节,如反射到他脸上的几何形状,反映在他的脸上的细 节,“Rumley说。

最终测试

尽管团队可能喜欢一个图标,它仍然不是一成不变的,直到在进行了第一次小市场调研首次进行之前,它仍然不是一成不变的研究。Chillingo使用它和EA的广告网络,以进行,以A / B测试新游戏“呈现给数以万计的线上玩家。

Rumley解释:玩家也许看到图标的游戏,仍在发展,如果玩家他们点击图标他们会被带到显示的是“即将推出”,那看到的也许是还在开发中的图标。页面,Rumley解释。但这些点击和反应测量,看看可以用来判断哪个图标收到最好的回应反映最好。

“我们试图将创建图标创建变成一门科学,”他说。“有时消费者不这样认为,有时消费者说,否则,不管你有多少经验。”

Rumley说,整个图标创作过程可以开始在在游戏上线前几个月就开始,有时甚至提前一年一年前。

“最后,他们只是想打造一个完美的图标,只是想说‘安装我’。”

有什么想添加到这个故事里的吗?在评论中分享请在评论里进行分享。

原文:GRG游戏研究组

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

2021-02-16 11:04:26

RustGo华为

2012-09-05 09:57:35

设计魅力印象

2011-09-23 09:55:15

WCF Web API

2011-11-30 08:51:35

NoSQL数据库

2009-06-26 10:21:11

Flash Catal

2009-11-16 09:16:02

Chrome发布日期

2012-11-09 13:38:26

APP Store

2017-06-30 11:07:29

互联网

2013-12-17 10:06:40

2013-07-29 11:13:32

2018-09-04 13:45:54

华为云

2015-04-09 09:38:53

Tap4FunAWS手游

2014-01-03 15:01:17

手游用户体验设计图标

2013-10-15 10:29:44

天天酷跑手游

2014-08-11 09:31:52

2013-04-06 18:52:20

2013-01-11 15:59:23

2015-03-31 16:25:35

Cocos

2013-09-22 14:56:26

扁平化UI设计

2015-06-04 13:44:53

点赞
收藏

51CTO技术栈公众号