什么是好的APP icon

一个好的APP图标有利于你的应用在眼花缭乱的众多APP中脱颖而出,吸引用户的眼球,引导用户去点击,那么什么才算是好的APP icon设计呢,icon设计要注意什么?谈一下我的看法

1、icon是干吗用的

任何事物的出现都是为了解决一定的问题,所以我们先叨叨几句,了解下icon是为了解决什么问题而出现的?

这是一个菜市场,王二麻子在这条街上卖了十几年烧饼了,一直也没有其他卖烧饼的,所以人们来了市场,买烧饼必定买他家的,品质又好,大家口口相传。因为市场卖东西的比较多,王二麻子就找了块布,上面画了个圈,挂在门口方便别人找 后来来了个新的卖烧饼的胖嫂,菜市场人渐渐多起来了,为了方便大家找到他家,就做了个招牌,上书《王二麻子烧饼》,这样人们要介绍他的门面,只需说去菜市场找王二麻子烧饼就行,后来王二考虑到人们看字也比较麻烦,就找人画了个大饼的样子,点了几个点,当做是芝麻的样子。又把底色招人弄成烧饼的金黄色,自此王二麻子烧饼的品牌形象定型了,人们口口相传,去买烧饼就找那个圆圈里面有点的那个。

2、ICON的历史

从上面的小故事我们可以了解,王二麻子的招牌也就是王二麻子的icon 的发展经历了四个阶段

1、无标识或弱标示,人即品牌,多在竞争不充分的情况下

2、模糊标识,竞争相对少,只需要区分出自己与他人来即可

3、明确标识,竞争升级,既要区分出与别人的不同,又要体现自己的特色

4、抽象标识,目的是便于区分,易于理解,便于传播。 从1990起,国内兴起了设计企业VI的风潮,大家可以了解下当时的文案,对于icon设计会有帮助。

icon最重要的目的就是标识产品,易于传播

二、ICON该改怎么设计

如无特殊说明,下文中的icon指的是手机APP的icon icon是由色彩,文字和图案构成的。

1、icon怎么选择色彩

色彩:色彩之于icon最重要的作用是吸引人的目光,渲染出设定的氛围,作为产品形象输出的背景。 当人在手机APP上浏览时,翻屏动作是很快的,注意力也是发散的,这个时候,用户能关注到的只有色彩,一个大的色块在眼前划过,跟用户的眼睛造成视觉冲击,一个好的色彩搭配会吸引用户视觉停留,获取宝贵的点开的机会。那么什么样地色彩会让人停留呢。我们应该怎么选择APP对应的色彩呢?

分两种情况考虑:

1)你做的不是一个从零开始的新产品,你的公司之前已经有了在网站,在平媒的展示记录,已经有确定的品牌色,这种情况下就应当延续之前的配色,保证传播形象上的统一,让用户看到这个颜色就能联想到之前用过的产品,让用户产生联想,产生我点进去看看有啥新东西的想法,走到这一步,那么恭喜!!!吸引用户成就达成_。

2)你做的是一个新产品,那么选择色彩时可以从这几个方面考虑。 你的产品是属于什么行业的呢,行业有没有什么相对固定的颜色方案呢?如果有,那么请尽量往上靠,选择相似的颜色有利于用户对产品产生印象。如果没有那么就要从产品功能上考虑,你的产品能给用户提供什么帮助,是信息展示类的应用还是工具类应用,在这里可以参照通用的冷暖色调理论和平面设计的配色方案。 总体来说,对色彩的要求是区别于其他产品,能烘托产品氛围,吸引人的眼睛,让用户关注到应用。

2、怎么设计icon的图案

图案是用来沟通的,是通过特定的形状,来让人们产生联想,比如红十字的图案就让用户想到医院,想到健康方面的,汽车的图案就让人想到车相关,飞机就让用户想到旅行相关的,利用这些固定行业的固定形状可以直接让用户了解产品的使用场景和功能,进而产生兴趣。

图案大体可以分三种,

一是对实际物体的抽象和引申

比如说摩拜单车的icon上的自行车图案,让人一看就知道这是和自行车相关的应用。苹果原生地图应用的图标也属于这种。

IOS操作系统升级到7。0时,还嫌弃了一波平面化图标替代拟物化图标的风潮,其实,不管是拟物化图标还是平面化图标都是对实际物体的抽象和引申。另外平面化替代拟物化是必然的,原因很简单,最开始IPHONE推出的时候,算是新事物,必须使用比较真实的拟物化图标来告诉用户每个应用是干什么的,后来用户越来越多,再进行进一步抽象升级,图标就不需要那么形象的表示事物了只需要让用户看到图标能理解到这个图标代表的是什么就可以了。

二是对行业图标的变形例如铁道部12306的icon图案就是常见的铁路部门的示意图标,同花顺的图标是一段简单的K线让用户一看就是和故事相关的应用。

三是对文字的变形这里有两个很牛的应用要推荐下,一个是天猫的icon,图标的上半部分就是天猫俩字,仅在猫字上面做了些许变形,认识字就知道这是干嘛的,而且还特别醒目。相比下京东的icon就有点懵了,一看之下是个狗,如果是个新用户直接一看其实是懵的,表意不明。不过,以京东现在的知名度倒是不需要care这点小事情了。

另外一个是大网易新闻,看人家图标

大红的底色上有大大的两个字网易,下面是小产品标识news。

对文字的变形还有一种情况,那就是文字加一些小修饰,既能看到品牌名,又能大约看出产品是干嘛的来。如下例:

叮当俩字强调品牌名,上面加了个小人,就做成了一个人骑着自行车的形象,用户大约了解这可能是个配送相关的应用。

3、icon上该写什么字

icon上该不该写字,写字的话要写什么字,其实和上面说的图案使用文字的论述有点关系。

图案用来沟通,文字才能精准的信息,如果我们要在icon上加文字,首先要考虑的是我们要传达的信息是什么,这个信息能不能通过我们的图标进行传达。

确定了要不要加字,就要确定加在哪个位置,其实这个一般来说都会是加在整个图标的底部。

写什么字呢,毕竟地方不大,写不了几个字,不同业务选的词和字的组合不一样,没法提出具体的建议了。来直接比较俩图标.

浦发银行信用卡APP你直接放了四个大字你也太蒙事儿了吧,中间一个大花还遮了部分字,low,脑残,无语ing

天猫上面已经夸了一遍,天猫这个icon设计里还有一个小机关,天猫两个字下面和猫头上面还有个空白区,中间还可以塞11.11,如此设计确实牛逼。

最后总结一下,icon设计时需要根据产品阶段(新产品还是已有产品),所属行业(电商、信息、游戏)的不同来选择合适的色彩(夺人眼球)和合适的图案(品牌形象)和精准的文字(信息传递)。

我们在设计ICON是一定要考虑用户浏览使用APP时,目光关注点是从大到小,从上到下来移动的。仔细体会用户的习惯才能设计出优秀的ICON。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容