图标的分类

关于图标，你了解多少？

什么是图标？你若问非设计专业的或非互联网行业的人，他们或许一下子懵了，不知道你说的是什么。但若举几个例子：公路上的交通标志、汽车牌子、卫生间门上的小人......他们会恍然大悟，哦~原来这些就叫图标。当然图标的应用远不止于此。

设计中，无论是产品设计还是平面设计，图标无处不在。

 

图标分类  

一、应用图标

应用图标是各种应用程序的识别标志，我们在应用商店里下载的一些应用程序的标志。应用图标的设计风格也有很多种，这里不做延伸。

 

二、功能图标

功能图标可理解为界面上表示指代意义的图形。

 

功能图标风格分类  

一、像素图标

早期游戏里经常采用这种像素图标，现在再看这个风格会有种复古感。

 

二、 面性图标

面性图标相对线性图标在界面上会占据更多空间，因此视觉感受会更突出，通常表达内容需要突出时，选择面性图标更合适，能够很快的吸引阅读者的聚焦点。面性的颜色、肌理、形状、大小的不同也会呈现不同的风格。

1、单色面性图标

 

2、多色面性图标

多色彩的使用，会使页面更加丰富多彩。

 

 

三、线性图标

1、圆角图标

无论是线、图形，都有弧度。注意一套图标弧度需保持一致。线性宽度需保持一致。圆角常给人以柔和、亲切感，因此亲子、母婴、交友等行业常选用圆角图标。

 

2、直角图标

区别于圆角图标，这里的图标拐角都采用直角。直角往往给人以刚毅、果断、准确的感觉，因此常用于科技、金融等行业中。

 

3、断点图标

断点图标相对可爱一些。不过一个图标断点在哪里选择“断”，也是一个值得研究分析的问题，断的位置不对会影响整个图标的美观与平衡。

 

4、高光式图标

高光式图标相对普通的线性图标多了一个“小高光”，这源自于绘画，绘画中的高光常常使画面更加生动形象。“小高光”一般比较细，遵循着内细外粗规律，使得画面更加简洁又不简单。

 

5、不透明图标

相比纯色图标，不透明图标常用颜色的深浅搭配，使得图标更加具有层次感。

 

6、一笔画图标

一笔构成，简洁有趣。不过一笔画只能用于一些简单线条的应用，同时也要求设计师的有着不错的构图能力、创造力。

 

7、情感化图标

将人物的喜怒哀乐在图形中表达出来，使得画面更加具有亲切感，人情化。很多通讯工具的表情包的产生使得人们聊天起来更加充满趣味。

 

8、线面结合

线面结合属于一种混合表现形式，既不会占据太多空间，又不影响图形意义的表达。

 

 

四、拟物图标

拟物图标，难度系数最大，有形有色有样式有质感。

 

 

五、轻拟物图标

在原来拟物的图标基础上，减轻厚重的质感，去除投影、渐变、纹理转化成扁平化的图标。

 

 

六、2.5D图标

曾风行一时，目前很多云计算行业的配图流行采用这种2.5D风格。与3D图标比设计上难度降低又不失立体效果，选作配图可为界面增添更多视觉感受。

 

 

结尾  

以上为一些常见的图标分类。

附上一个思维导图，助于归纳梳理：

设计本身是一个充满创意的名词，设计师们也是充满着无限的创意，因此，图标的分类远不止如此，还有很多有个性的图标，这里再展示一些，希望能激发你的灵感，在图标设计上有更多思路。