为什么有些游戏看一眼icon就想下载?一位玩家研究上千个icon后写下了观后感
当前位置 :首页>客栈原创>返回
时间:2022-02-17 编辑: 来源:

开篇语:游戏制作的两大难题,一个是选名字,一个是选icon。如果你没有经历过这种纠结,那你可能还没有真正进入到这个行业。

正文:

其实作为玩家,我也一直有一个疑问,为什么有些图标(icon)看到了就觉得这个游戏好玩,而有些图标看着就毫无兴趣?

图标,到底对于一个游戏的影响力有多大?

所以在这个百无聊赖的早上,我打开了taptap和华为应用商店,研究了各个榜单上的1000多个游戏图标后,希望可以弄明白一些游戏图标与流量之间的关系。

笔者并非什么专业设计人士,只是一个玩了20年游戏的普通玩家。所以本文仅从玩家选择游戏的角度出发,选择出了一些我觉得很吸引人的游戏图标,并且把我觉得吸引人的地方以及我看到图标后的心路历程记录下来。希望可以对大家未来设计图标时提供一些参考价值。

 “夸张”的图标

image001.png

我一直觉得完整的游戏图标是由两部分组成,图片+游戏名字。

游戏名字虽然只有短短四五个字,但是和一个好的图片组合起来,玩家可以瞬间在脑海中联想出一个好故事。比如说最近被抖音带火的《猛鬼宿舍》,如果只看名字,大家可能会觉得这是个恐怖游戏,必然会吓退一群大波玩家。而搭配上图标之后,这个游戏的“逗比”感觉马上就起劲了。

言归正传,其实这个图标里布满了细节。

首先左边是三个一脸懵逼的学生,表情虽然呆滞,但是在眼神中又充满了对前方的好奇,给玩家潜意识中植入的信号就是“他们在看什么?”

而这三个人为什么是青少年,为什么不是青年或者大学生?最重要的一点,虽然露出的地方很小,但是他们3个明显穿的是具有中国传统特色的学校校服,这种校服几乎陪伴了孩子们小初高的整个童年。那么搭配上游戏名字《猛鬼宿舍》,玩家可以在瞬间联想到,这可能是一个校园背景的恐怖又带着搞笑的游戏。

再看右边,这是个女鬼吗?这是个女鬼!

image002.png

她可怕吗?不仅不可怕,两行血泪搭配无辜的表情,甚至会让玩家觉得有点可爱。作为一个“猛鬼”代表,不知道别的玩家看到了之后是什么想法,我的想法是“走,欺负她去!”这就是右边给我带来最直观的感受,充满了乐趣。

除了传递出欢乐的元素之外,这个图标用非常强烈的色彩对比,给玩家制作出了非常夸张的视觉冲击,让人可以在众多游戏图标中一眼就能看出来它的与众不同。

为什么会如此突出?

从色彩平衡的角度来说,《猛鬼宿舍》的图标是一张非常标准的冷暖色对比设计,冷暖色的对比给人最大的感觉就是用“夸张”去吸引眼球。

“大面积的使用冷暖对比色会使情感更夸张,通常使用饱和度较高的冷暖搭配会使产品变得更炫酷”。

——网易用户体验中心 李俊侃image003.png图:《以匠心,致设计》

这些都是比较有代表性的冷暖色对比设计,它们不仅视觉冲击力非常强,更容易在第一时间抓到玩家眼球。

 看一眼就知道有故事的icon

有些游戏图标很有意思,你也没听过这个游戏,对游戏也不了解,就是看了一眼图标之后觉得这个游戏一定“有故事”。其实这些所谓的故事,更多是通过图标设计的细节来让玩家大脑进行联想,大脑在看到图标之后自行脑补剧情,所以才会有“有故事”的感觉。

比如下面这张图:

image007.png

我第一眼看过之后就对这个游戏打上了几个关键词的标签:

“逃生”、“RPG”、“巨型生物”、“大场景”、“紧张压迫感”。

这个游戏也确实是一个逃生题材的RPG游戏,搭配上《迷失蔚蓝》的名字,很容易让人联想到十几年前的火爆美剧《迷失》。所以当图标和游戏名字组合起来的时候,笔者瞬间就自行快速脑补出了一场荒岛逃生大戏。

事实上,这款游戏也确实讲述的是“某航班在大洋上空受到超自然力的袭击,失控的飞机意外坠入一片时空扭曲的神秘海域。幸存者们不可思议地在岸边苏醒”的故事。

image008.png

图:美剧《迷失》

我们再拆开看看《迷失蔚蓝》图标里的细节。

首先主视觉是一个落入水中的男性角色,给人的第一个感觉就是:他需要逃生。

为什么会产生“逃生”的感觉?

大家可能觉得这是一个非常自然的联想,其实不然。我们的大脑已经习惯于每天接收和处理海量信息,图标上其实布满了很多元素,我们的大脑每天习惯性地处理大量信息,所以在看到图标之后,对图上的元素进行了快速“分析”,然后直接告诉了我们答案。

所以人们会经常忽略掉大脑处理信息的过程直接获得结果,但这个分析过程是真实存在的。(翻译过来就是,我感觉这个东西好看,但是不知道为什么好看)

跑偏了,继续聊“逃生”感觉是如何产生的。

image009.png

“全身入水”、“蔚蓝的海水”、“水下的气泡”、这几个元素联系在一起大脑快速地进行了信息处理,给我们传递了处理结果“有危险”。所以,即使没有左边的大鲨鱼,这个图标的设计也能向玩家传递出需要逃生的信号。

而下面那条鲨鱼的作用是什么?

我觉得是营造出“逃生”氛围之后,又给玩家带来了压迫感。我们试想一下,如果这是一条从远处游过来的鲨鱼,和近在咫尺的巨鲨对比,给我们带来的情绪变化有何不同?是不是距离越近,情绪越紧张?

物理上的距离,会给两个物体创造出关联性。距离越近,关联性就越强,所以当图标中的男人身前有一只巨鲨的时候,就会给玩家营造出两者之间强烈的关联性。这种关联性,才是营造出压迫感的真正原因。

image010.png

 图:《写给大家看的设计书》

再说说远处的荒岛和坠毁的飞机,它们极强地丰富了这个图标的故事性。当“荒岛”、“坠机”、“幸存者”这三个元素齐聚到一起的时候,这张图本身就成为了一张有故事的海报。

image011.png

为什么飞机会坠毁?

这个荒岛上面有什么?

男人如何逃脱鲨鱼的血盆大口?

这些都是玩家脑海中的疑问,这些疑问就是故事的开始。

icon中隐藏的思维引导

和《迷失蔚蓝》同类的游戏中,《明日之后》的历代版本图标设计也是非常优秀。《明日之后》的设计团队,每一个版本图标,都在里面藏了足够多的细节,来让图标看起来“有故事”。

比如最新的第四季图标。

image012.png

同样也是以一个男性角色的背影做为主视觉,用颜色互补的方式增强了整张图标的层次感。

右下角的眺望台、左下角的城市缩影和远处的直升机,从视觉效果上搭配了一个极大的景深,给玩家创造出了恢弘场景的感觉。右侧浓烟滚滚的红色烟雾让图标看上去更具动态效果。

而做为主视觉的男人背影,我觉得是整个图标的点睛之笔。

这个男人一眼看上去和整个场景融合在一起,再看又似乎独立于场景之外。既融入了整个图片,让图标看起来故事性十足,又突出了人物本身的特点,成为视觉关注的焦点。可谓是一举两得的设计。

而这种设计效果,来自于中国传统绘画技法中的“散点透视法”,散点透视的特点就不受时空限制,让人或物能融于整体,又能体现出自己的特色。

在当下的日常设计中,我们大多见到的是“三点透视法”(就是三,不是错别字)或者“焦点透视”设计,它追求的是把事物按真实的视觉比例放进设计中,而传统的“散点透视法”,通过非自然比例来让整体设计看上去更有层次感,在比例和视觉效果上追求的是浑然天成的意境。比如大家熟悉的《清明上河图》中的虹桥。

image013.png

“在我国的古代绘画遗产中,有许多运用“散点透视法”处理画面的佳作,如张择端的《清明上河图》,以北宋首都汴京东水门外运粮河上的虹桥为主体,布置了汴河两岸货 物杂陈、百态俱备的繁复场面,不但使观者通过画面看到当年汴京的繁荣景象,也体会到北宋时代的整个社会面貌和封建社会各阶层人物的形形色色。”——本段内容来自于网络文章“中国绘画“散点透视法”:不受时空限制,以求别出蹊径”。

这就是为什么《明日之后》图标上的角色背影,能做到融于场景又能突出自己的原因。

说道背影,笔者又发现了一个很有意思的地方。

大家有没有想过,为什么《迷失蔚蓝》和《明日之后》图标人物全部使用的是背影?

从心理学上来说,把背影留给别人的人:自信刚强,喜欢猎奇,乐于冒险,有寻求刺激的强烈愿望,善于独立思考,因而在困难紧急情况下不会张惶失措,有魄力敢负责,能当机立断先发制人,独立地发挥自己的力量。

image014.png

这样的人设,是不是又很符合喜欢玩逃生、末世游戏的玩家?

看过上文之后,我们再看看其他具有故事感的图标设计,是不是也可以从中联想出来很多剧情?

图标大赏

下面,我收集了一些我觉得有意思的游戏图标,从玩家角度去简单地说一下我为什么会觉得有意思。当然,有些看着就想让人吐槽的图标,其实也挺有意思。

image018.png

玩家角度:虽然只是一个局部的放大,但是红盖头上的元素足够多,嘴唇的细节也很到位。非常吸引人。

image019.png

玩家角度:字母“Z”过于抢镜。蹭电影海报也没蹭到精髓。

image020.png

玩家角度:过于昏暗,尤其是放在手机上,更是看不清细节。

image021.png

玩家角度:标准的冷暖互补色,角色表情细节刻画精准,写意中带着一丝忧伤。

image022.png

玩家角度:如果能再加入一些与医院相关细节,就更好了。比如远处加一个小小的绿色灯牌。

image023.png

玩家角度:感觉把这么长的名字放在图标上,占据了很多设计空间。图标和游戏名字在传递信息上就会出现极大的重叠。我是觉得很浪费资源。

image024.png

玩家角度:视觉冲击力极强,下载!

image025.png

玩家角度:图标与游戏名字搭配的完美组合!

image026.png

玩家角度:文字和图标元素没有起到任何的关联性,两个独立的存在。图标本身也没有向玩家传递出有效信息。虽然是个知名IP,但是设计出了路人效果。

image027.png

玩家角度:暖色背景搭配黑色线条,不仅层次感强,而且很有仙境缥缈的意境。

image028.png

玩家角度:拜这个纯黑背景所赐,我是放大之后才看清楚图标里面是什么东西。所以颜色搭配真的很重要。

image029.png

玩家角度:光影效果突出了人物脸上五官的所有优点,颜色搭配柔和,给人一种一直想看的感觉。

image030.png

玩家角度:图标和游戏名字的绝妙搭配!女角色一只手放在了唇边,竟然传递出了一种难以言喻的开心。

image031.png

玩家角度:图标上虽然没写一个字,但是每一个元素都与“怪奇”有着联系

image032.png

玩家角度:昏暗的主色调,给人压抑的感觉,而黄色其实是一种可以给人带来“希望”的颜色。不管是猫咪身上的黄色衣服还是后面黄色的灯光,都给人一种去黑暗之中寻找光明的思维引导。

结语:今天早上心血来潮看到了好多游戏图标,所以就开始思考一个问题:图标与游戏下载之间到底存在多大的距离。所以开始认认真真去研究这些图标里的每一个细节,不看不知道,一看吓一跳,忽然发现好的图标设计真是将无数细节堆砌起来的成果。而同样的题材甚至同样的色调,优秀的设计师与普通设计师的作品也是天然之别。

欣赏了一天图标,真的是有很多感悟,忽然觉得其实游戏图标也是一种艺术。碍于篇幅有限,今日就写到这里,也不知道这篇文章是否对大家有所帮助,或者是有一点点参考价值。

如果本文有写的不对的地方或者观点,心里骂骂就好了。毕竟这家媒体太懒,懒到不开评论功能。

《绝对演绎》5大营销亮点复盘

游戏抄袭与侵权的边界在哪里?

2021《iOS畅销榜》年度总结

健康游戏忠告:抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防上当受骗 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活

京ICP备15024595号-1

游戏客栈 游戏客栈