简单易懂！详解图标（Icon）的基本概念与如何运用标准线条精准绘制图标

在开始之前，首先我们要明确一个概念，什么是图标？

在移动端中，图标通常分为两种：一种是我们在手机桌面上看到的图标，或者是从应用商店下载安装应用时看到的图标，这种图标被称为应用图标，点击它就可以进入到应用中，相当于是进入应用的大门。

还有一种是功能图标，它出现在应用界面中，它具有指代意义，可以取代文字或者辅助文字传达信息，所以这也就决定了它需要可以快捷传达信息、便于记忆。例如购物车的图标，就算没有文字信息，用户也能知道它代表购物车功能。

在绘制的时候，两种图标的尺寸大小也是不同的，首先我们先看看应用图标的设计规范。

这是苹果官网给出的应用图标尺寸，一般我们会基于1024px*1024px的尺寸来设计。

那功能图标的设计规范是什么呢？

在iOS上，苹果建议44ptx44pt作为最小的点击目标区域。但在实际设计中，我们在@2x图下，最适合的大小为48px*48px。

那我们在绘制图标的时候需要注意什么呢？

首先我们一起来思考一个问题，为什么我们在同样的大小区域去绘制尺寸相同的正方形、圆形、三角形时，但是从视觉上看上去大小还是不一样？

其实，事实上在尺寸统一的情况下，视觉比例中方形会比圆形更加大一些，圆形会比三角形大一些，因此这就体现了视觉规范在我们绘制图标时的重要性。

一般我在绘制图标的时候，会用图标盒子进行辅助，它就是一个固定的框架，在框架中设计，可以帮你提高你设计的图标的规范性，有助于保持视觉网格统一，蓝色区域就是你绘制这四种类型图标时的安全区域，当然这不是固定死的，可以进行适当的微调。（图标盒子文末有下载链接～）

最后，只要在设计的过程中，正确有效的使用图标盒子，不仅可以增加图标的规范性，还可以提高你设计的说服力，还有在绘制图标时需要注意，尽量不要出现小数点或奇数，多用偶数。

写这篇文章纯属是我心血来潮，也是我第一次写文章，在写的过程中，也不断的出现了N次想放弃的想法，但是还是想总结一下在绘制图标时关于我自己的看法，大家一起学习进步嘛，有错的地方希望大家多多指教啦，感谢～​