资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

如何让你的App图标杀出重围?

来源:常德网站设计 | 2014.03.12

编者注:启动图标是每一个iOS中应用软件的关键组成部分。它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受;它也是一个非常重要的软件入口,能直接引导用户下载并使用应用程序。本文原载于2012年7月3日MUX,但该文对APP图标重要性的表述和设计建议仍具备指导意义,告诉你该如何设计图标,以从众多App中杀出重围。

有过软件启动图标的设计经验的设计师,经常会遇到这样一个问题: 设计出的单枚软件启动图标看起来很炫,但是放到电子市场上后,却不太受用户的喜爱,用户点击率很低。

怎样从视觉设计的层面,去提升app软件启动的图标点击率呢?

其实,我们在设计软件启动图标的过程中是有一定共性的设计方法的,这些能够帮助我们提升图标的点击率。

1. 运用视觉隐喻的同时,需要保证图标的可识别性。

如图一,这里很多图标设计是没有经过仔细思考而设计运用的。我们通过App商店去查找,会发现有非常少的app图标的设计是吸引眼球的。 例如, "绕口令"的搜索,你会看到这样的图标分类:

图一的第一行第五个图标,表现方式是将绕口令的英文文字写在渐变的图标背景色块上,视觉效果表现很平,没缺乏设计感。

为了吸引用户去使用app软件, 我们必须设计出吸引用户眼球的图标!

我们可以运用隐喻的设计表现手法,传达给用户"绕口令"的信息,让用户看到图标能够感知、想象、理解图标的意思。图一右侧被放大的图标,在这几种图标设计中,比较吸引用户去使用。它的设计采用的就是隐喻的视觉表现手法,让用户理解绕口的含义,再加上有趣的形象设计,让用户容易理解图标的含义,这样的精致隐喻的图标容易在第一时间吸引用户的眼球,受用户的喜爱。

如图二,这是星巴克的一款应用程序图标设计。星巴克的标志设计是非常好的,但是,星巴克的消费卡的app图标设计中星巴克的标志比较小, 在App Store上看这枚图标设计,圈形的星巴克标志是难以辨认的。其实设计时,应该放大星巴克的商标,提高标识的可识别。

因此,我们在使用视觉隐喻的手法去表现图标的同时,需要确保图标设计的识别性。

2.分析同类app图标,整理设计思路注重图标创新。

我们在itunes里搜索效率软件会发现很多相似的图标。如图三所示,这里面哪些图标会吸引用户的眼球呢?过目之后,我们会发现,那些有层次设计感、和特定质感的精致图标会吸引用户关注。

设计app图标的另一种方法是增加图标的层次感设计和质感表现。设计好图标后,放在同类别app图标中,去审视自己设计的图标是否能够抓住用户的眼球。

下面是图三中的几个能够第一时间抓住用户眼球的图标:

2Do -这个图标就像一堆文件有序处理的感觉。缝制的皮革质地和洁净便条形成质感的对比,图标整体质感表现细腻饱满。

Put Things Off -是一个很好设计。设计者经过仔细的思考,表现方式与众不同,富有创造性和趣味性。图标采用文件箱子和"前进"的箭头的视觉元素表现,表达事件处理的迅速效率的感觉;色彩上,运用了纯度很高的鲜亮的色彩去设计,能够抓住了用户的眼球,让用户很快的理解了这款软件的功能特性。

Taska -图标看起来像一堆办公桌整齐地堆放在一个文件。 视觉表现上没有给人留下很深刻的印象,但是这个图标画的非常精致,纸张的堆积效果表现出了图标的层次感,背景木材纹理的效果表现提升了图标设计的质感。


12年
建站经验

多一份参考,总有益处

联系万讯互动,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

咨询热线:18692386458