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

2016-02-19 12:14 9 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享怎样做一款让人过目不忘的App图标?吧。

【 tulaoshi.com - 图标 】

怎样做一款让人过目不忘的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走这种单字路线,比如某某、唱吧、知乎等等。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

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

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

构建族群效应

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com)

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

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

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

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

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

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

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

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

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

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

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

来源:http://www.tulaoshi.com/n/20160219/1600292.html

延伸阅读
移动产品设计社区Lemon Labs的联合创始人和CEO Tomas Dirvonskas发布文章,通过一个案例分享了他关于重新设计一款电商应用的体会,文章如下: 近日一家名为Vinted的创业公司成功从Insight Venture Partners风投那里获得了2700万美元的融资,这家公司是面向女性用户的二手衣服交换和买卖在线市场。一年之前,他们还完全没有移动端的访问,但是...
来源:PS联盟 作者:Sener 木屋的制作难点是小木块部分的制作。不过只要我们了解了木板的构造,制作起来很容易。木板由底色及一些木纹构成,制作木纹的时候需要用钢笔勾出不规则的弧形路径,填充颜色或渐变色后用蒙版调整边缘的不透明度,能够跟底色自然结合。木纹有深有浅,制作的时候要不断调节。 最终效果 1、新建一个800 * 800像素的...
本教程介绍简单的水晶风格图标制作方法。思路及过程都比较简单,只要用钢笔工具勾出物体的选区,然后填充渐变色,再适当加上高光及暗调,水晶效果就出来了。 最终效果 1、新建一个600 * 600像素的文件,背景填充白色。新建一个图层,用钢笔勾出图1所示的选区。 图1 2、选择渐变工具,颜色设置如图2,拉出图3所示的线性渐变。 ...
木屋的制作难点是小木块部分的制作。不过只要我们了解了木板的构造,制作起来很容易。木板由底色及一些木纹构成,制作木纹的时候需要用钢笔勾出不规则的弧形路径,填充颜色或渐变色后用蒙版调整边缘的不透明度,能够跟底色自然结合。木纹有深有浅,制作的时候要不断调节。 最终效果 1、新建一个800 * 800像素的文档,选择渐变工具,颜...
看似简单的图片,制作过程却不简单。需要比较综合的图片制作功底。如图标中的阳光及云彩等都需要自己手绘出来。制作的时候需要有耐心。 最终效果 1、新建画布,参数设置如下图,填充一个渐变颜色。 2、新建图层,命名太阳,绘制正圆填充颜色。 3、使用加深、减淡工具绘制出明暗以及高光。(建议先选出需要调整的...

经验教程

931

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部