向知名App学习icon设计

移动开发
一款app中包含众多可以用来设计icon的元素,难点在于你如何精简元素,挑选并专注于其中的一点进行设计,从而通过给用户留下良好的第一印象来诱使他们下载应用。对于新手而言,学习知名品牌的设计是最好的成长途径。

毫无疑问,在用户发现app的过程中,首先进入他们视线的是应用icon。不管你是为新app设计icon,还是重新设计现有icon,以下关于icon设计的一些建议,希望能有所帮助。

在开始设计之前,你应该仔细看看iOS Human Interface Guidelines来学习一些最基本的知识。熟悉之后,那就开始你的设计之旅吧。

你的icon看起来应该是什么样的?

一款app中包含众多可以用来设计icon的元素,难点在于你如何精简元素,挑选并专注于其中的一点进行设计,从而通过给用户留下良好的***印象来诱使他们下载应用。

对于新手而言,学习知名品牌的设计是***的成长途径。

知名品牌app icon给人的视觉表现大都清晰直观。你可以在你的app icon上添加一些阴影,或者选取有意思的背景图片。比如下边两个Nike app icon,主题突出,只是用了不同的背景图片。icon设计应该从应用最主要的功能出发,用尽可能简单的方式表达出来。

如何整合符合和现实元素从而让用户理解你的app是做什么用的?以下是两个应用的非常好的例子,icon设计简单,对游戏有潜在的描述性。

如果是款游戏,可以把游戏中的主要人物角色作为icon的重点,比如Modern War, Plants vs Zombies以及Hay Day。

避免在icon中添加多个人物角色或者过多细节信息。当以较小尺寸展示时,这样的icon看起来会比较杂乱,也会让用户感觉迷惑。以下是可以进一步简化的icon,虽然以这个尺寸看起来还可以,但在浏览App Store时,就不大容易辨别出来。

icon会被展示在不同尺寸不同型号的iOS设备上,要确保不同尺寸的icon有着一样的视觉外观体验。尽量不要使用苹果提供的光泽效果。

另外,不要害怕创建几个不同版本的icon,这也是icon设计中不可少的一部分,尽可能多地探索各种可能性。即便某个时候满意自己的设计,你也可以先搁置一天或者两天,等你再回到icon设计中时,如果你的想法没有改变,那就做个爽快的决定吧!

下边我们看看 Most Popular App的icon设计概览。

从图中我们发现,一些***的app并没有遵循上述建议,所以很明显地,icon并不是影响下载量的决定性因素,但我们需要充分利用每个有利条件。

花一分钟看看哪些icon能在短时间内吸引你的注意力,然后返回自己的设计中看看差距在哪里。

一些icon设计资源

如果打算自己设计icon,可以看看App Icon Template,网站上还有视频教程。

Design Your Way iOS Icon Gallery 以及Hongkiat可以为你提供设计灵感。

另外一个教程教你使用Photoshop创建逼真的icon。

如果你的设计已经敲定,IconKitMakeAppIcon可以帮你创建不同尺寸的icon。

责任编辑:闫佳明 来源: cocoachina
相关推荐

2013-04-23 10:57:27

iOS开发App icon设计

2013-08-27 14:44:05

App icon设计ASO应用商店优化app营销推广

2018-11-13 14:31:48

2013-05-22 10:00:30

iOSWeb Appicon

2011-12-22 15:33:05

Web

2013-05-17 10:19:17

2013-01-11 09:40:56

设计模式.NET

2014-12-18 13:40:16

Web AppHybrid AppNative App

2015-04-23 10:57:07

Apple WatchAPP

2023-11-26 18:03:00

代码C++

2013-03-22 14:27:52

iOSWin8UI设计

2013-09-04 15:07:06

移动应用设计

2013-07-03 16:58:36

iOS 7人机交互UI设计Icons

2020-04-14 09:19:31

前端开发UI设计ICON

2015-10-13 09:15:18

App登录模块设计

2015-02-26 18:18:15

动画菜单Animation c

2010-12-29 08:31:45

应用数量20万Android Mar

2011-05-16 09:59:51

App Store苹果微软

2012-09-17 10:46:06

设计LogoIcon

2013-09-22 14:56:26

扁平化UI设计
点赞
收藏

51CTO技术栈公众号