图标类型有多少？

“总有一天你会发现，你所经历的痛苦与磨难，其实都是你的救赎”。

感谢一路上支持的朋友们，如果没有你们我可能不会成长的这么快~

说起图标，可能你脑子里有无限种想象！

界面图标通常会接近以下几种基本形状。它有可能像一个竖矩形，或者斜矩形、平矩形，还有的像圆形、三角形、正方形。

这是我最开始认识图标时候的模样~，给我的感觉就是无非一个图标形状，形状改变白色填充而已。

相信很多同学刚刚入门的时候，眼中的图标都是这样紫~！

90年代早期的图标界面，大多数是以实现功能为主，那时候还没有现在这么多的UI设计师，人们的审美水平也没当下要求得那么高，很多图标都是程序猿开发代码之余，随便搞个大概的形状上去填补一下空缺，让界面看起来不那么单调就好。我认识的老一辈程序猿，很多人说出了他们也曾经当过“美工”的经历，哈哈。。。

随着人类文明的不断进步，人们的审美也不断地提高，从乔帮主发布了第一代iPhone开始，人们开始了注重设计体验，近10年来界面图标的设计得到了质的飞跃式发展！

但总的来说形状的千变万化，最终也离不开点、线、面的结合。再结合颜色、形状、空间、渐变、文理之感、光影等多维度变换而成。

图标在一个界面中充当的成分起画龙点睛的作用，它能起引导作用将抽象的界面动作以显示的图形展示，把本来枯燥无味的界面变得更加生动，有趣。

基于经验知识积累的目的，本文把过往以及日常应用中接触过的图标类型，做一个简单地分类总结，以及简单地分析。

01面性图标

面性主要是以填充形状为主要表现形式的图标。面性图标也是应用的比较广泛的一种，就像生活中的“万甘油”用在哪里，都不会有很大的问题。识别度也比较高，让人可以一目了然。

镂空对比

适当地镂空或者进行修建，可以更加突出图标地细节，使图标表示含义更加形象。

点缀色

给图标加一点对比色可以凸显作用，在众多图标中差异化出现

渐变叠加

渐变叠加可以很好地融入品牌色，拌入微投影可以更加彰显质感

反白

可以在特定形状图层上对图标进行反白，使图标更具一个统一的大小范围。

02线性图标

线性图标以简单地线段构成，在高端奢侈方面使用比较多，给人高贵神秘感觉。

线性

线性图标可以勾勒图形形状，使图标更加精致简约，一般高端产品会使用线行图标居多，给人纤细高贵的感觉。

线性+断点+渐变

断点渐变投影，可以让图标是个性/年轻/活力的代表，可以把产品表现的年轻有活力。

03卡通类图标

卡通类图标一般用于儿童类、游戏、二次元、插画等。

线面结合-卡通插画

面性-扁平写实

04拟物图标

拟物写实

游戏写实

2.5d等距

最后

给大家带来的是一组直播类的图标分享。（文末付下载文件）

      以上分享的案例在于总结设计技巧，一个图标在不同的应用场景可以有不同的表现形式，虽然图标只是界面中的一小部分，但是却起到很大的点缀作用，不同的场景可以演绎出千千万万种图标，以上只是茫茫图标大海中介绍的一叶扁舟，万变不离其中，不管哪种图标也是由基本的点线面构成。我们除了要掌握基本内容之外，生活中还要多留意细节观察，思考和分析

所谓设计源于生活，这样才有可能设计出更高水平的作品～

 

写作不容易，如果大家觉得有用，请竖起您的大拇指～蟹蟹