图标的定义：
广义：在现实中有明确指向含义的图形符号
狭义：在计算机设备界面中出现的图形符号
图标的作用：
1、简化界面内容
2、跨越语言障碍
3、丰富界面视觉
4、提升理解效率
图标的分类：
1、启动图标 代表应用的logo、
2、工具图标
3、装饰图标
工具图标的设计规范：
1、图标寓意 ：表达寓意清晰，是工具图标最基本的要求；
2、一致性 ：即在一套图标中，图标相互之间的视觉细节具备统一性的特点，类型要一致 风格也要一致 透视要一致 粗细一致 圆角一致 大小一致
3、几何视觉差 通过格式塔的完形理论，我们会将大多数的图形简化成基础的几个图形
视觉差大小： 矩形>圆形>三角形
重心偏差：不同的图形产生的重心是不一样的，我们在居中的过程中，需要手动进行调整
4、栅格系统 ：使图标更容易绘制，更加准确和一致；
如何画栅格：首先要确定大小 → 设置内边距→ 确认方形和圆形的大小→ 定义横竖矩形
5、像素对齐：
线性图标实战演示：
1、创建画布：新建一个画板，尺寸不是太重要，接着设置一些基本的参数 ：首选项 →网格和参考线
网格线间隔的设置跟icon 尺寸相关 比如是16px 8*8 就是等分成4个格子
!键盘增量的设置.png](https://upload-images.jianshu.io/upload_images/2969533-954d090d626747bf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
然后开始画网格 假设我们要设计icon的大小为28px; 根据上面的设计规范 要使得不管是正方形还是长方形视觉上一致，就是要让他们的面积一样就可以了，
那么我们就可以根据下面的公式就行计算：
所以只要有一个确定好的尺寸，那么其他的就可以确定下来
画好网格之后 我们就要开始就行图标的绘制
2、绘制图标：
绘制图标的时候，图标肯定是使用描边的，描边的对齐方式要使用内对齐的方式；默认的应该是居中对齐，这样就会出现像素差；
圆角的值也要保持一致：一般是2; 圆角可以进行单独设置；
面性图标实战操作：
1、还是跟线性图标一样
2、绘制图标 切记不能是图形的组合，一定要记得镂空； 颜色的选择上面 两种颜色的面性图标 深浅色要保持一致；渐变图标的颜色 建议选择三种颜色 颜色的选择上 尽量的选择相近色
