图标设计尺寸：万字长文 终极图标设计指南
图标设计尺寸：万字长文 终极图标设计指南在@1x一倍图设计模式下，以48px为基准，常用的图标粗细有：1.5px、2px、3px、4px。需要注意在48X48px画布上绘制线性图标，线宽为4px时，当不同场景缩放，需要按比例进行调整：图标为32X32px时线宽为3px；图标为24X24px时线宽为2px；图标为16X16px时线宽为2px。为了保证图标能够看清，图标的粗细也有相应的要求，太细会存在看不清的情况。黑色象征着高贵、稳重、科技、潮流。黑色是一个很神奇的颜色，可以庄重、高雅，也可以让其他颜色（亮色）突出出来。不难理解，得物为什么用黑色，潮流相关，凸显个性、有逼格；小黑盒用黑色，与游戏相关，大多是男性用户居多，而且品牌中有“黑”，也契合品牌。iOS的网格大小要求是4的倍数，最小热区是44pt。安卓的设计规范要求网格大小是8的倍数，最小操作热区为48dp。同时需要考虑到不同机型适配问题。@2x要求是4的倍数，被2整除适配@1
七、图标的用色原则首先看一下微信以及支付宝的图标设计，不难发现运用了四色系原则。
保证四个色系是比较合理的，红、黄、蓝、绿也符合大多数业务场景属性。
一般情况下，四色系能保证用色的合理性。当然这并不是绝对，只要视觉舒适，符合业务，是可以突破四色系的。
抛开四色系原则，我们也不难发现一些应用上使用了纯黑色的线型图标。其实纯黑色用的好，比四色系更容易凸显逼格，更加高级。比如得物、小黑盒。一个是产品特性，潮流相关，一个是传递品牌特性。
黑色象征着高贵、稳重、科技、潮流。黑色是一个很神奇的颜色，可以庄重、高雅，也可以让其他颜色（亮色）突出出来。不难理解，得物为什么用黑色，潮流相关，凸显个性、有逼格；小黑盒用黑色，与游戏相关，大多是男性用户居多，而且品牌中有“黑”，也契合品牌。
八、图标的大小规范1. 图标大小
iOS的网格大小要求是4的倍数，最小热区是44pt。安卓的设计规范要求网格大小是8的倍数，最小操作热区为48dp。
同时需要考虑到不同机型适配问题。@2x要求是4的倍数，被2整除适配@1x；@3x要求12的倍数，适配@1x、@2x。建议是采用48pt为常规尺寸。
2. 图标粗细
为了保证图标能够看清，图标的粗细也有相应的要求，太细会存在看不清的情况。
在@1x一倍图设计模式下，以48px为基准，常用的图标粗细有：1.5px、2px、3px、4px。需要注意在48X48px画布上绘制线性图标，线宽为4px时，当不同场景缩放，需要按比例进行调整：图标为32X32px时线宽为3px；图标为24X24px时线宽为2px；图标为16X16px时线宽为2px。
3. 物理大小&视觉大小
在绘制一整套图标的时候，总被说视觉不统一，大小不一样。这是因为你按照物理大小在做图标，忽略了视觉大小。分别是什么意思呢？
物理大小是形状之间的宽和高相同，不是计算面积；视觉大小是，正方形的边长跟圆形的直径相等的情况下，绘制出来的图形，视觉上圆总要小一点。
也就是视觉大小。需要通过人眼去判断不断的微调大小和比例。视觉大小是感受上的视觉。
