首页 > 新闻动态 > 游戏新闻 > 正文

2803月
2014

手游图标制作的五大法宝

一款游戏,玩家第一时间感知到的就是游戏的图标,不少开发者选择了自己制作游戏图标,虽然图标看起来不是那么难做,但很多开发者仍会犯一些
不少开发者选择了自己制作游戏图标,虽然图标看起来不是那么难做,但很多开发者仍会犯一些小错误,尤其是新手必须注意一些小细节。

 

不少开发者选择了自己制作游戏图标,虽然图标看起来不是那么难做,但很多开发者仍会犯一些小错误,尤其是新手必须注意一些小细节。

1.尽量不使用文本

很多新手会把游戏的名称添加到应用图标上,他们认为图标上的名称会加深用户的初次印象。iPhone和iPad应用图标下都会有应用的名称,因此在图标上添加应用名称会显得过于累赘和杂乱。

2.使用游戏的主要角色

很多用户是因为喜欢游戏主角才喜欢游戏,如果你的游戏不仅只有一个主要人物,那就选择一个你最喜欢的,这样可以提高应用的识别度。另外,如果你的游戏主角规格比较大,你可以选择人物的面部而不是完整的人物形象。

3.简洁!简洁!

杂乱是最大的敌人!看起来杂乱不堪的应用图标只能让用户反感,不要在图标上添加太多额外功能,你没必要把游戏压缩在图标上。

如果游戏的主要人物是忍者,那就没必要把它的武器也添加到图标上。另外值得注意的一点是如果你的几款应用都只有一个主要人物,那可以添加一个具有区别性的数字符号,比如以"2"表示游戏的续集。

4.使用具有对比性的色彩或色调

如果你的主要人物颜色很浅,那就找个深色的背景,反之亦然。如果主要人物是中间色,那可以选择一个深色背景和一个颜色略浅的背景对比一下,看看 哪个更合适。比较流行的一种做法是从色相环中挑选一个和游戏人物相对的颜色。比如,如果你的游戏主角是黄色,你可以选深蓝色作为背景色。如果游戏人物是红 色,那背景色就试试黄色或者浅蓝色。

5.放弃系统默认的图标

系统默认的图标带有光泽,这在一定程度上会让应用显得杂乱。

以下是以MathNinja为例子的图标设计,它告诉我们哪些是不能犯错的地方。

在借鉴了别人的一些设计经验后,我们设计出了下边这个app图标,不是多花哨但很实用。

【再来一波】

1.呈现游戏物体

多数触屏游戏都很像是玩具。它们都很容易理解,因为它们锁定单个互动物件。产品图标应清楚呈现玩家将操作的物体。《愤怒的小鸟》图标并没有呈现弹弓,而是突出小鸟。

angry birds logo(from androidapplog.com)

在Mobile Games Forum上,Fishlabs的Michael Schade谈到,他希望公司《Volkswagen》游戏的标志是汽车形象,但Volkswagen坚持采用公司的图标。他认为汽车图像更能够有效帮助他们取得成功。

2.呈现用户操作内容

Cut-the-Rope-icon(from applerama)

这仅次于突出物件,但形象呈现玩法操作所起的作用也非常显著。《割绳子》图标的内容是“沿此处剪开”标记(注:剪刀加虚线),但呈现更隐秘的线索也可行。《水果忍者》图标所呈现的就是运动中的模糊刀片,而《愤怒的小鸟》则是通过漫画背景效果示意推进意义。

3.跳出框框

这是突出运动元素的另一有效漫画效果策略。首先,你需要设定框框。这些通常呈白色或银色,这样它们就不会干扰我们的视觉效果。然后你会希望物体能够延伸到框框之外。《NFL Flick quarterback》图标所呈现的是,足球员倚在框框之外。《水果忍者》的飞溅果汁刚好落在框框上。《愤怒的小鸟》图标中的云彩既是框框,又是背景。

NFL Flick Quarterback(from iappfind.com)

4.指向玩家

和著名的“I need YOU”海报一样,许多热门应用图标直接指向观众。《Monopoly》图标中的招牌角色将手伸出框框之外,直接指向玩家。《Words with Friends》字母方块出现在框框之外,边缘指向玩家。和采用此效果的图标相反,很多图标看起来颇为单调和静态,几乎难以从背景中区分出来。

Monopoly icon(from iosicongallery.com)

5.采用基本色

对很多游戏来说,这点必不可少,例外情况是:游戏旨在呈现粗糙外观,例如,《Hatchi》或《Stickman cliff diving》,这些游戏主要采用白色和灰色。重点是,图标应采用明亮色彩,或完全不融入色彩;热门应用图标的色彩一般都不多。

6.不要体现名称

游戏名称已标记于图标旁,所以你完全无需将其体现在图标中(注:除非游戏已经非常出名)。例如《侠盗猎车手》就可以体现名称,但其他作品则就不适合这么做。

上一篇:数字解读2014手游行业趋势

下一篇:手游的资本大战:24VS40

http%3A%2F%2Fwww.ringtiger.com%2Fhtml%2F2014%2Fyeneixinwen_0328%2F20.html%26mb%3D1

扫描我分享到朋友圈