当前位置:  首页 > 设计图片 > 矢量运动 > [怎样做一款让人过目不忘的App图标?] App图标

[怎样做一款让人过目不忘的App图标?] App图标

怎样做一款让人过目不忘的App图标?

腾讯科技 相欣 9月12日报道

前不久,Path和Pinterest为了争个P开启了一场商标大战二者的图标都是在字母P的基础上经过重新设计而成,为此Path近期正发起一项行动,希望阻止Pinterest获得字母P的商标。呈现在手机桌面上不就是一个图标而已吗?何必争个你死我活。

事实上可不是这样,一个在色彩、构图以等方面设计精美、出众,且符合用户使用惯性的图标很可能会提高该款应用的下载量和安装量。

因此设计师们对于图标的设计十分看重。腾讯科技从某某创始团队了解到,该应用图标的设计比重占到了整个应用界面设计的1/3。

Louie Mantia曾是苹果iTunes设计团队的视觉界面设计师,他曾在自己的博客中指出,好的图标会说话,当用户在App Store搜索时,图标会竭尽全力地向人们推销这款应用。

对此,大麦健康联合创始人向怡宁也持相同观点。在他看来,尽管App图标的优先级没有App界面高,但图标的优劣会影响到用户的第一印象,因此十分重要。

那么,什么样的图标才能在第一时间吸引用户的目光,有效增加点击率呢?

突出的色彩搭配

手机的屏幕很小,设计者必须要让用户在打开手机面对几百个图标时,记住你而不是记住别人,因此图标本身要足够抢眼。

在向怡宁看来,图标是否醒目、简洁、明快是最主要的,因此,苹果为开发者提供了一个图标高光效果的选项,有了半透明的高光,图标就能适应很多背景。

我们可以回想下在配色方面比较显眼的应用图标,唱吧可以算一个。唱吧CEO陈华(微博) 在接受媒体采访时也曾经表示过,红底白字配色的图标很有效。

他举例说,百度新闻客户端的图标颜色原来是蓝色,后来他们发现蓝色的图标在手机屏幕里基本就被忽略掉了,最后它把自己整个色系都改掉了,换成红底白字,就是希望用户打开手机时一眼就能找到这个图标。

简化再简化 让图标更直观

除了颜色,简化也是App图标设计的法宝。

苹果设计宣传师麦克·史登(Mike Stern)曾经表示,一款应用图标不仅能诱使消费者去购买应用,它更能提高用户与应用互动的积极性。如果每次用户看着一款图标都会有眼前一亮的感觉,那么他们持续使用这款应用的频率就会更高。

他认为,如果能在设计中避免使用文本就再好不过了。与一长串文字或字母相比,单字或单字母的图标设计更深得人心。

怎样做一款让人过目不忘的App图标?

(图标从左到右分别为:Path、Pinterest、Vine、某某、唱吧、知乎)

从path和pinterest的身上,我们看到了单字流行的趋势。国内也有很多App走这种单字路线,比如某某、唱吧、知乎等等。

对于使用图形元素的图标来说,简化方法可以是找到一个最主要的元素,然后强化它。

对此向怡宁表示,图标本事就是个抽象的东西,做得太具象、太复杂反而可能不会吸引人。

构建族群效应

App图标最重要的设计目标之一就是让用户在下载时第一眼就认出它的功能是什么,在下载后能够迅速从茫茫的App海中选中它。于是一种约定俗称的图标设计方式出现了,这就相当于同一类App类属一个族群,因此在设计上具有共同点。

当然,有人也在诟病这种现象,认为这是设计师缺乏创意的表现,但从某种程度上来看,这种惯性的延续有助于帮助一款应用在短时间内呈现出自己的主要功能。

向怡宁表示,如果是常用的App,或者说近似于系统本身的功能性App,最好保持用户的辨识惯性。比如大家最熟悉的短信App,苹果再怎么升级系统,它永远都是绿底加一个白色对话气泡。

怎样做一款让人过目不忘的App图标?

的确如此,如果细心观察你会发现在事物管理类的App图标上都会有一个对钩图案,对钩是人们普遍对待办事项的图形化认识,也就是在完成一项任务后习惯在后面打个对钩。如果一款新的事物管理类App上线并延续这种对钩的图标样式,用户会凭借使用惯性立刻明白它的主要功能。

如此一来,这类图标会不会被隐匿在众多类似图标中呢?我们可以想一想,美食一条街上形形色色的饭店到底是在互抢生意,还是互加光环形成规模效应。

怎样做一款让人过目不忘的App图标?

(图标从左到右分别为:微信、易信、陌陌、Line、WhatsApp、米聊、Kakao)

同理的还有即时通讯类应用,绝大多数都使用了气泡图形,比如微信、易信、陌陌、Line、WhatsApp、米聊、Kakao等。显而易见的是,气泡代表了话题的传达。

怎样做一款让人过目不忘的App图标?

(图标从左到右分别为:Facebook、Twitter、人人)

而一些不错的社交媒体App通常会采用蓝色作为图标的主色调,比如Facebook、Twitter、人人。这体现了不同行业间的差异化定位,某某创始团队如是说。

分享到: 
【平面设计最重要的视觉法则】平面设计
名片的制作与设计要点_名片模板

相关推荐