快好知 kuaihz订阅观点

 

应用图标是吸引用户的最重要原因之一!

摘要: Ramotion在最开始设计这个应用图标时,自然而然的想到了使用唱盘播放机的样式。下图就是在设计初期阶段Ramotion的设计师们用铅笔手绘的草图,可以看出即使在这些草图中,也有着很多的细节。由此我们可以看出Ramoti …

本文作者为MartinLeBlanc,图标搜索引擎企业IconFinder的创始人。

今年6月举行的苹果WWDC大会上,苹果推出了他们最新的移动设备操作系统iOS7。从那之后,网络上便充满了各种关于iOS7的报道和讨论。

我在无意间发现了一个由苹果UX宣传师MikeStern发布的文档《优秀iOS设计的实践指南》。

这份指南的第一部分便是关于应用图标的设计,已经苹果对优秀图标的定义。Stern在指南中列举了6个在设计应用图标时应该注意的事项。

Stern首先解释了开发人员为何应该特别重视应用UI和应用图标的设计:用户不会根据应用所使用的技术、API的数量或是应用代码有多优秀等因素 来评判一个应用的好坏。用户评判应用好坏的标准,是这个应用能让他们做什么、以及应用给他们带来的使用体验。用户在使用应用的时候,希望得到使用简单的使 用体验,并且希望应用的设计十分买官。

制作优秀应用图标的六个技巧

很多应用开发人员在设计应用的时候都在重复犯着一些错误,而这些错误也成了将用户拒之门外的罪魁祸首。而糟糕的应用图标应用无法吸引用户的3个最重要的原因之一。

通常情况下,应用图标是用户对应用的第一印象。在图标设计上,你必须保持高水准,并且与众不同。下图中,所有应用都是相机应用,可以看到大部分应用都使用了相机镜头的图像来制作图表,而Path的图标却并没有这样做,他们依靠这种方式将自己与其他应用区别开来。

当用户在AppStore中看到应用图标时,他们就会根据看到的图标来推测应用的使用体验。如果图标看上去很优美精致,用户就会下意识的认为这个应用也能够给他带来优秀的使用体验。

优秀的应用图标应该有什么特性?首先就是美观,其次更重要的,就是要有辨识度。

技巧1:形状独特

以下四个图标各不相同,有的使用了大量的颜色,有的使用了梯度颜色。但是它们都有一个共同点,那就是使用了简单的形状。这种设计能够让用户立即记住这个应用

技巧2:谨慎选择颜色

要限制应用颜色的色调。使用1-2个色调的颜色就足够了。颜色过多的图标不容易吸引用户。

技巧3:避免使用照片

不要在图标设计中使用照片。Sipp的应用就是一个很好的例子:

可以看出,当使用酒杯的照片作为应用图标时,会给用户简陋的感觉。而在经过设计后,一种优雅感会让用户对这个应用产生兴趣。

技巧4:不要使用太多文字

图标中不出现文字,是最理想的情况。应用中只应该出现Logo,而不要将应用的全称添加进去。请仔细观察Ness、Pocket、Vine、Snapguide和Pinterest这些应用图标设计,如果将应用名称添加到图标中,会给人一种凌乱的感觉。

技巧5:让图标内的元素变得精致

Paper、SquareWallet、1password和LifeKraze等应用图标在这一点上做的都很优秀。就连SternMike都表示不知道这些应用图标是如何做到如此精致的,他称这些图标设计已经达到了图标设计的最高水平。

技巧6:创意

Routesy, Hipstamatic, Evernote Food和Brewski Me等应用图标的设计都是创意十足的例子。

额外提示:对图标进行测试

在你制作了一个图标之后,不要忘了在各种颜色的壁纸上测试图标的显示效果。另外也不要忘了将你的图标放在文件夹中测试一下显示效果。最后,在用户的 设备上,图标会以不同尺寸出现,例如在AppStore中,图标的尺寸最大;在桌面上,图标的尺寸会缩小;而在通知栏中,图标的尺寸最小,你需要确保你的 图片在所有尺寸下看上去都很舒服。

优秀设计案例:Turnplay

著名的图标设计机构Ramotion设计了Turnplay应用图标,而最终的效果展示了Ramotion的设计功力。Turnplay是一个音乐播放器应用,其UI模仿了老实的唱盘播放机。

Ramotion在最开始设计这个应用图标时,自然而然的想到了使用唱盘播放机的样式。下图就是在设计初期阶段Ramotion的设计师们用铅笔 手绘的草图,可以看出即使在这些草图中,也有着很多的细节。由此我们可以看出Ramotion这家设计公司对细节的追求,即使是在构思阶段也会注意细节。

在这些草图中,很多都尝试将代表应用名称的字幕“T”放在图标设计当中,而细节方面,他们则试图在唱盘上勾勒出指纹的图案。最终他们采取了以下的设计方案,简单的外边框,中间是唱盘播放器的转盘。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:图标  图标词条  吸引  吸引词条  之一  之一词条  原因  原因词条  重要  重要词条  
交互

 PC、iOS、Android通用...

本文作者@一大坨黄 供职@微博UDC设计中心 。近年来,在技术方式,网页自适应的兴起、微软Win8系统的发布,都在试图解决一个问题:让同一产...(展开)

交互

 提高Axure设计效率的10条建...

Axure 是创建软件原型的快速有力的工具。上手很容易,但是,其中存在一个危险。这款软件是如此的直观以至于很多用户可以在没有接受过任何正式培训的情况下进行使用。...(展开)

交互

 产品经理谈通行证交互设计分析

小编推荐:几乎所有门户网站在登录时都涉及到通行证的概念,通行证应该如何设计才合理?怎么样设计才简洁?产品经理经理应该如何设计用户体验?产品经理谈通行证交互设计就...(展开)