设计中icon是表示什么 icon是什么意思

[ 红豆博客 ] 一个APP的常规结构主要有ICON图标、启动页、引导页这最基本的三个部分 。


今天我们来聊聊ICON 。

icon,翻译过来就是图标意思;app的程序图标,帮助用户识别软件;它的作用就相当于一个Logo 。

设计ICON还是有一些江湖法则,小技巧的 。

先来欣赏一些APP图标:


设计中icon是表示什么 icon是什么意思

文章插图


设计中icon是表示什么 icon是什么意思

文章插图

具体有三:

1、文字作为icon设计元素;

大家可以观察一下无论是上面的2张图标还是自己手机里的图标,有这么一种ICON简单粗暴,但是都是大公司在用 。

比如,天猫、百度贴吧、网易等这种就是直接把APP的名称作为图标设计的一种设计风格 。

那么这种图标好的地方在哪?不好的地方在哪?

好的地方,简单、直接、识别度高;他们的图标个性吗?没体现出什么个性,不就是字嘛!

大公司之所以采用这样的设计原因就在于用户基数高,可能是几亿人 。你想想给几亿人提供一个个性的图标,太难了!那这个时候什么最保险?就是文字!几亿人,有高中的、大学的、50来岁的、十几岁的都在用 。没办法去保证所有人看这个图的时候理解能力是一样的,所以直接黑底白字告诉他,这也是最简单干脆的 。

一般情况下,初创公司也比很喜欢用 。

这个时候大家可能会有一个疑问,初创公司用户数没那么多,为什么也适合?

唯一的解释就是一看知道并且不会出错,并且初创公司也没有精力去想怎么做品牌、怎么做推广、市场运营是什么样的,根本就没有心思去想这些 。最主要的是先把APP完善了、先把产品打磨好了 。当然,你也很少见到初创公司,六七个人做开发,设计师界面不做了,就在那搞图标,没有这种情况吧?肯定优先界面,图标有一个就行了 。

2、 吉祥物logo;


设计中icon是表示什么 icon是什么意思

文章插图

手机上有途牛吗?看一下 。能看出来吧 。在没听说过途牛的时候,能看出来吗?

再找找上图的一堆‘翔’ 。估计到现在为止有些人看到这堆‘翔’都不知道是什么吧?你都很难想象到糗事百科 。

再看YY,看到小浣熊的时候,你能想到YY吗?

像这些,我们称之为吉祥物!就像天猫的那只猫一样,大家知道天猫的猫的出处来自于哪?

不知道的小伙伴可以拿出来100块钱找找天猫的猫 。(在毛爷爷的耳朵旁)


设计中icon是表示什么 icon是什么意思

文章插图

像这种通过吉祥物做Logo,它会有一个非常大的优点 。

比如,来个广告词接龙 。携程在手,下半句大家肯定都知道,说走就走 。

像这种广告语呀,产品形象呀吉祥物呀,作为ICON,用户一旦建立起来识别,就忘不掉了 。

钻石恒久远,一颗永留传 。想忘都忘不掉 。再比如,杨幂喊出来的58同城、周杰伦的途牛等等 。

但是这种方式不是是个公司就能用的了的,它要求这个公司规模非常大才行!道理很简单就不多说了 。

3、 图文结合,图像抽象;


设计中icon是表示什么 icon是什么意思

文章插图

我是饿了么

饿了么,它的图标就算是图文结合,e做了一个张着嘴的样子,这就是图文结合;


设计中icon是表示什么 icon是什么意思

文章插图

我是美拍

美拍,一直觉得美拍的图标做的是真好 。整体设计风格很好,微扁平 。它的图标抽象了2个东西进去,一个是摄像机、一个是播放,还有老式的摄像机用的磁带,它用的就是条呀、带呀 。

还有很多百度音乐等就不多赘述 。

大家在设计ICON的时候,根据各自公司的不同情况可以尝试着三种不同的 。今天就聊这么多吧 。