位图即我们常说的像素图，是由一系列存储色彩信息的像素所组成的图像。

因为矢量图本身只储存构成图像的形状和颜色信息，所以矢量图有一个很关键的特性：无论图片放大多少倍，图像依然是平滑无损的。

矢量图指的是由一连串向量点 (带有方向信息的点) 和曲线所形成的图像，计算机在获得一些点的位置、方向、曲率、曲线的描边和填充各项数据之后，可以自动计算得出一副图像。

这就要牵扯一个更基础的视觉规律，占据面积越大的图形，给视觉的感受就越大

透视的表现不是绘制图标时必须使用的风格，但是如果我们在图标中应用了透视，就要确保我们使用的视角是一致的。要极力避免同一套图标中既用了正视图又包含了斜视图。

iconfont、iconfinder

PS：最近在准备一套 PS 教学，就会比较完整的讲解一遍这些功能和对应操作。

我们可以挑选出某个合适的实物，以它作为原型开始绘制。如果对这些挑选出来的实物要以什么图形表现还是没概念，那就可以借助网上的图标素材网站，比如 iconfont、iconfinder 等，在搜索框中输入这些词语，通过别人的设计收获灵感。

面性图标不代表完全不能出现 “线性” 元素，在一些特定的情况下，我们依旧要通过线条的形式展示图形轮廓，比如搜索图标的镜片，使用全填充的样式显然效果不理想，所以镂空镜片区域是不可避免的。

有很多 1pt 宽的直线，可能我们会习惯于使用线条工具绘制，这是错误的做法，我们需要使用矩形工具画出一个完整的闭合图形，再样在使用路径查找器工具或者对图形进行批量操作时才能保证统一。

元素，图片、文字、几何图形、图标

图标可以以一种更高效的方式，将我们想要传递的信息进行浓缩，不仅易于识别，也能让界面更简洁，利于排版

改变粗细本身并不是什么很难的操作，在描边属性设置中直接修改数值便可，具体数值上可以选择粗边的一半或三分之二 (取约合后的整数)，过细和过粗都不太适合。

物体的透视 和工具图标一样，我们要尽可能的保证整组图标中图形的形状和透视可以统一，如果实物图采用的透视不一致，那么空间的对立感就更强，也有更容易被用户觉察到的违和感。

设计要点 缺口的位置 对于外轮廓为矩形、圆形等规则图形的图标来说，因为这些图形的对称性，缺口位置的选择并没有什么讲究，只要别扣掉一个角，其他位置都可以。

可以说，图片、文字、几何图形的运用，都只用到排版的技巧，而图标，是 UI 设计中除了插画元素以外唯一需要我们 “绘制”、“创作” 的元素，一涉及到这两件事，难度就直线上升了。

如果一个图形其中一部分面积远大于另一部分，那么就会让这个图形的重心产生偏移，必须要往较小的部分的方向移动才能产生平衡。

而随着技术发展，像素密度是降低了

需要注意的是，有很多 1pt 宽的直线，可能我们会习惯于使用线条工具绘制，这是错误的做法，我们需要使用矩形工具画出一个完整的闭合图形，再样在使用路径查找器工具或者对图形进行批量操作时才能保证统一。

如果一个图形其中一部分面积远大于另一部分，那么就会让这个图形的重心产生偏移，必须要往较小的部分的方向移动才能产生平衡。

只有闭合曲线

改变粗细本身并不是什么很难的操作，在描边属性设置中直接修改数值便可，具体数值上可以选择粗边的一半或三分之二 (取约合后的整数)，过细和过粗都不太适合。

例如设置图标中间总是有一个圆形的独立结构，那么可以选择中间的圆形改变粗细；优惠券图标内部总是有一条虚线段来表示其虚接线，那么我们可以选择这条虚线变粗细；查看图标中间也总有一个圆形的独立结构代表眼球，那么可以选择它来改变粗细。

由于每一像素能且只能表现为一种色彩，所以在放大后的位图中我们可以清楚看到弧形边缘的一个个像素锯齿，故而位图图像想要在 App 中显示出最佳状态，需要考虑像素对齐的问题。

如果我们定义一套 28pt（如果看不懂可以当成 28px） 的图标，那么我们首先要画一个 28pt 的正方形，然后确定一个 2-4pt 的内边距，正所谓四边留一线，日后好相见。

如果图形的重心有偏移，那就要往重心偏移的反方向移动

如果一个图形其中一部分面积远大于另一部分，那么就会让这个图形的重心产生偏移，必须要往较小的部分的方向移动才能产生平衡。

方向线，就是我们常在矢量图中看到的，锚点两侧那个像手柄一样的东西，每个锚点最多可以有两条方向线，代表着它某一侧曲线的方向和趋势，方向线越长，它的趋势越明显。

了解了图标的类型，就要开始了解做出这些图标应该使用哪些软件了！通常，UI 主要使用的设计软件包含 PS、AI、Sketch、XD 四款，理论上，它们都包含了图标绘制的功能，如果我直接告诉大家去精通这 4 款软件那么画图标就一点难度都没有了，这是非常不负责任的，所以为了对新人更友好一点（如果已经全部精通了，就直接略过），我会分析一遍这四款软件对于图标设计的优劣，以及需要掌握的部分