每个月在iTunes上发布的游戏多达6000款以上,因此,游戏图标在如此狭窄的空间里激烈地竞争着用户的注意力、时间和屏幕空间。对于全方位普及免费模式的手游产业而言,要想在万千游戏图标中脱颖而出,无疑更加艰难。因此开发者和发行者们需要带给用户醒目的第一印象。这也是为什么指甲盖大小的图标值得所有开发者的注意。

Chillingo是一个对完美设计痴迷的手游公司,该公司总经理Ed Rumley提到,公司设计团队确保每款游戏的图标都堪称完美,为此可以在游戏上架之前设计200款左右不同的图标手稿供选择。Chillingo在App Store出现之前,就已经是出名的手游发行商,长达数十年。目前该公司被EA收购。Rumley提到,公司经营自主,并共享EA资源。该公司目前的主要任务是为不同的手游工作室发行他们的优秀游戏。这意味着,当工作室在上架游戏之前,Chillingo的内部图标设计团队将帮助重塑图标。该团队在设计师Lucy Blundell的带领下,根据游戏工作室的想法,打造最终满意的作品。

Rumley说:“图标需要试图迅速的传递信息。该游戏是否具有必备X要素?这个图标是否有让每个人都点击的冲动?图标的作用等同于沃尔玛超市里的包装袋,没有人愿意将包装不良的物品上架到超市,这也是为什么我们对细节如此痴迷。”

在本篇文章中,Chillingo将介绍旗下发行的三款不同产品的图标创作过程,并解释在上架App Store前,图标设计的最终想法到底是如何达成的。

《致命像素》 Mega Dead Pixel

简介:简单休闲小游戏,简单至极的像素画面,玩家所需要做的就是避开各种致命的障碍物,同时搜集白色的像素小块来变得更大、更快,长时间的坚持可以赚得大量各种颜色的像素小块来消灭周围的障碍。

该游戏的开发商About Fun将该游戏的图标设计想法提交给Chillingo,作为一个8位无尽游戏,Rumley说到该团队有许多极好的想法需要打磨。《致命像素》最独特的地方在于半复古艺术风格,另外游戏玩法中,像素条无止境地从彩色天空下落,天空中也充斥着各式各样的像素物体。Rumley提到,该团队花了大量的时间试图找出哪款图标设计能够最准确的传达出游戏玩法。

其中Chillinggo图形设计使用的一个技巧,帮助做出最终决定,将游戏的待选图标集体放进一个模拟的App Store中,将待选图标与其他顶级游戏的图标放在一起,观察哪款图标最具吸引力。《致命像素》最终的图标想法看上去如下:

该团队驻留在两个想法上:下落白色方形块的像素脸,以及白色方形块背后的速度线条,这两个游戏核心要素需要从整个图标中凸显出来。最后发现,将正脸旋转45度会造成图标带有速度的幻觉,加入彩虹尾踪迹还引起玩家对经典雅达利游戏机的缅怀。

最后敲定的图标仍然是纯色背景,Rumley提到这对游戏的更新非常重要。自从苹果iOS允许应用自行更新后,游戏图标最好能够通过简单的变化提醒玩家,游戏内容有更新。例如变化背景颜色,就可以带来微更新的提示,而不会损失已经形成具有标志性的图标。

《致命像素》最终图标

《现代指令》 Modern Command

简介:策略游戏,其深色调的逼真画面是一大亮点。游戏重新定义了防守的概念,玩家可以研发各种厉害的武器,和全球各地的恐怖分子血战到底。

对于这款军事策略游戏,开发商Level 8工作室提出了多个针对图标不同的想法和主题。然而Rumley提到,该工作室的设计非常棒,但是图标设计经验较少可能不会意识到:当把图标缩至较小尺寸,图形会显得十分的杂乱分散。

Rumley提到:“下面的图标在24英寸的显示器上都非常棒,但是把他们一旦缩至指甲盖大小的iPhone图标,就将另当别论了。

因此整个团队回笼再造图标,重心放在,导弹和坦克顺应《现代指令》游戏的主要元素和主题。因此产生了更多优秀的待选图标,Rumley提到,曾经也担心过设计的图标在其他游戏介绍材料中的不匹配,例如编辑推荐的横幅广告。

团队继续修改图标,专注于游戏的战略要素。Rumley提到,二手游戏账号拍卖设计的真正突破在于,将图标里的导弹背对玩家,让玩家产生掌握主导权的心理暗示。在一个图标中,尽一切可能创造出游戏中的故事。

最后图标的背景颜色被确定为黄色,在统计后发现,App Store中图标的颜色被蓝色和绿色这两种颜色主宰占据。希望通过差异化,来凸显出图标的不同。

《现代指令》最终图标

《类人猿交流》 Simian Interface

简介:抽象概念的益智解谜游戏,游戏没有时间限制,以及明确的规则,操作非常简单,只要用触摸或者重力感应稍微让图形发生变化,你就能解决难题来过关。该游戏曾入围 2013 年 Indiecade 独立游戏奖。

Rumley提到,用一个简单的图标来解释这个游戏非常的困难。抽象几何益智游戏,可以在同一时间吸引一个70岁的老母亲和一个重度玩家。因此很难将想法确定,向玩家传递出游戏中的故事。

该游戏的开发者Bulls Eye工作室,对于最初上架App Store的图标选择极其坚决。因此Chillingo团队必须创作出更加与众不同的图标来说服更换。

《类人猿交流》原始图标

Rumley认为,该图标并无法清晰的传达出游戏的想法,这将导致直接缩小玩家受众比例。当然,一旦玩家玩过一次,肯定就明白图标的含义,但是这样的图标并不会激起玩家下载的欲望。

以上的图标例子显示出,图形设计团队,试图将现代的艺术形状、块状图案、矩阵网格以及猴子最爱的香蕉融合在一起。但是仍然缺乏具有凝聚力的主题,尤其是当玩家需要创建额外的图形元素。

Rumley说:“一定不要跟编辑推荐的广告图标有所出入,因为这样看上去似乎反而变成了自己的竞争对手。”

真正的灵光一现时刻来源于,Bulls Eye带着新的预告片返回到Chillingo,预告片里的主角黑猩猩搭配上游戏中独特的几何图形,让所有的人都一见钟情,并敲定最终版。Rumley说:“这个预告片带给大家灵感,并重新审视引导广告和图标,当把所有的综合在一起,呈现出不同的形状和角度,配上主角黑猩猩,并在其脸上闪现出几何形状。”

《类人猿交流》最终图标

最终测试

即使团队所有的成员都对一款图标亲睐不已,但是并非一成不变,需要经受较小市场的首轮测试,将游戏呈现给数以万记的玩家,通过点击量数据来最终敲定图标。在游戏上架之前,可以单独进行图标点击率测试,玩家通过点击图标后,带入“即将呈现”页面,提示玩家,游戏仍在开发期间。但是通过点击和回馈测试量,可以直接反应出那个图标的市场表现最好。

Rumley最后提到,Chillingo试图将图标创建变为一门科学,有时图标的设计长达半年以上。但是最终的目的是打造完美的图标,让它传递出“下载我”的潜台词。

Chillingo分享三款游戏图标的设计经验相关推荐

  1. 游戏图标的设计跟其它应用的图标设计有何不同?

    知识分享人:洋芋君 深度游戏迷,独立游戏爱好者/开发者 写在作答之前. 在看过各位答主的答案过后,感觉题主的提问和大家对于问题的理解有点歧义:即 游戏图标是指应用程序入口的图标?还是指游戏程序中的,作 ...

  2. 分享三款在线作图工具,0基础也能快速出图

    对于现在的新媒体运营人员来说,作图已经是一种必备技能了,辛辛苦苦的写完文案,然后碰见需要做海报.做封面图,而且也没有美工或者设计师帮忙,只能自己来做,仿佛在说你做新媒体运营居然不会作图,那你还做什么自 ...

  3. 分享| 三款在线临时文件分享工具,无需注册

    今天给各位分享三款在线的工具,主要功能就是无需注册直接上传文件然后做分享,类似服务在国外很流行,但由于带宽成本以及监管问题,这类服务在国内极少. AirPortal 空投 官方网址: https:// ...

  4. 文字转语音小助手有哪些?分享三款,配音免费还易操作

    文字转语音小助手有哪些?分享三款,配音免费还易操作 文字转语音,其实就是将我们撰写好的文档转为语音进行播放,比如为短视频配音,其实也可以理解成为文字转语音.很多小伙伴会直接自己配音,但是对于不会配音的 ...

  5. 免费配音软件有哪些?分享三款配音软件,配音娱乐两不误

    免费配音软件有哪些?分享三款配音软件,配音娱乐两不误 小时候,很多小伙伴就非常喜欢跟着电视剧的人物说话,他们的腔调.语气.台词--似乎都给我们带来了不少乐趣.长大之后,配音软件层出不穷,无论是用于娱乐 ...

  6. 混合硬盘计算机,三款游戏体验混合硬盘的性能表现

    由于SSHD上的MLC闪存是作为缓存的使用的,具有记忆功能,所以下面的测试是重复三次测试的成绩.测试的三款游戏分别为<使命召唤 9><孤岛危机3><看门狗>. 评测 ...

  7. 配音软件哪个好,分享三款,简单操作还是真人发声

    配音软件哪个好,分享三款,简单操作还是真人发声 对于做短视频的小伙伴们来说,遇到需要为短视频配音的情况是常有的事儿.但是并不是所有的小伙伴都会自己配音,也不是所有的小伙伴都是团队做短视频,请不起专业的 ...

  8. 固态硬盘如何游戏测试软件,SSD对游戏载入有用吗?我们测试三款游戏

    近年来,DIY硬件行业随着新技术研发的加速,出现了产品形态革新性变化以及性能的大幅提升,这种特点在存储行业表现的尤其明显,NAND技术升级迭代使得固态硬盘价格大幅下降,传统的SATA接口SSD市场份额 ...

  9. 分享三款能够将图片转化为文字的软件

    通常,我们在网上收集信息时,很多网站要么就是不能复制,要么就是以图片的形式发表文章,导致我们无法获取我们需要的文字.大多数情况下,很多小伙伴会选择一边复制一边阅读,或者一边打字一边保存.但这样做不仅浪 ...

最新文章

  1. AI 助力金融后,中美金融科技领域最大的差距是什么?
  2. FLOAT或DOUBLE列与具有数值类型的数值进行比较 问题
  3. Async Await
  4. 第七十二期:Visual Studio Online 终于公开上线了
  5. 【bzoj1222】[HNOI2001]产品加工 背包dp
  6. 如何正确的开始用Go编程
  7. 排序-概述,插入排序(180602更新完毕)
  8. python3 mysql库_Python3.7 MySQL 数据库连接
  9. LeetCode 454. 4Sum II
  10. atitit.React   优缺点 相比angular react是最靠谱的web ui组件化方案了
  11. spss 描述性分析
  12. 微型计算机是嵌入式吗,什么是嵌入式计算机
  13. smartUpload上传图片的用法
  14. [转载]中国移动深度定制首推“0元购TD手机”补贴政策
  15. VirtualBox安装教程和ubuntu16导入
  16. tf.transpose()
  17. webrtc bbr
  18. 微信小程序如何返回到上一个页面,并刷新页面呢?
  19. android手机各大分区详解
  20. [项目管理]项目计划如何做

热门文章

  1. 推荐一套高效的码字工具
  2. 为什么我们程序员不把软件开发当回事?
  3. mysql tcp 远程_MySQL开启远程访问
  4. intro to cs with python_CS 105 – Intro to Computing Non-Tech Spring 2019
  5. 深度学习-Tensorflow2.2-图像处理{10}-图像语义分割-23
  6. php项目打开快捷方式,PHP_克隆一个新项目的快捷方式,有没想过最土的项目如何快速 - phpStudy...
  7. c语言源码转流程图工具_C语言学习路线 (详细)
  8. springboot多数据源动态数据源(主从)
  9. html-mailto
  10. maven打包不打lib目录里面的jar包解决办法