图形作为一种抽象的跨语言符号，是UI设计中不可缺少的视觉元素，似乎占据了UI设计的一小块空间，但它却是检验设计师基本技能的重要标准，了解图形的相关概念，以及正确绘制图形的方法，是UI设计的必经之路。
图形作为一种抽象的跨语言符号，是UI设计中不可缺少的视觉元素，似乎占据了UI设计的一小块空间，但它却是检验设计师基本技能的重要标准，了解图形的相关概念，以及正确绘制图形的方法，是UI设计的必经之路。
不如，从这篇开始专注图标设计相关的专业知识，逐步搭建一个完整的图标知识库。
经常有同学问图标该设计多大，不同设备icon尺寸是多少，那第一篇就从图标尺寸说起吧。
最常用的界面图标设计尺寸有：12×12、16×16、24×24、32×32、48×48等，建议在此将48px作为常规图标的设计尺寸，因为iOS界面的网格是4的倍数，而苹果的标准要求最小点击区域是44pt；安卓的网格是8的倍数，操作热区最小是48dp。
另外，@2x下作图要保证是4的倍数，这样可以整除2，适配@1x的屏幕；@3x下作图就需要是12的倍数了，这个数值可以整除2、3、4，适配@1x和@2x的屏幕。
那PC端呢？到了桌面端后，因为屏幕分辨率的不同，没有规定最小操作热区。但受到文字落地方式（Chrome浏览器中限制最小的字体为12px）的限制，12px渐渐成为大家公认图标操作热区的最小值。16px、24px、32px都是PC端常见的图标尺寸。
通常我们只需要选择一个通用的尺寸来绘制，然后让开发人员根据倍数调整可能需要的尺寸即可，这样就不用一遍又一遍的去绘制不同大小的相同图标了。
不过当我们的图标涉及一些复杂的细节时，还是需要根据尺寸大小单独绘制。比如我们的系统图标可能是24px，但是营销图标是80px，两者的使用差别会很大，那么我们就需要为那些较大的尺寸添加一些细节。
这里建议从最大的尺寸开始，然后依次绘制小一点的。因为删除和简化细节要比添加容易得多，也能最大程度的保留图标原始状态。
优漫动游
