UI那些事儿~sktch画图标小细节

1.画完icon记得画一个隐形区域，方便之后建立symbol，矩形每个区域的icon都要大小一样。

2，又想法之后去icon里面参考，画完之后变轮廓。如果是直角可以加个0.3.或者0.2.的圆角。

3.如果两个形状不居中，可以进入锚点利用锚点进行居中。

4.微调图标可以减去顶层，路径合并，然后再微调锚点。

5.切图之前记得布尔运算的联级。

---

icon命名

1.命名规则：按用途命名。

图片发自App

icon/图标用途名称/二级名称/大小_状态&颜色（二级名称是后期延伸需要时加的，颜色和状态两者期间最好是用状态区分）

图片发自App

---

插件autopmate的使用

切片和批量建立symbol的使用

---

在项目中使用图标组建

1.可以单独建立一个icon页面

2.建立symbol后如果需要改icon大小，进入symbol里面，复制一个母版，利用插件把新的icon和切片rename it，改下尺寸就行，然后command +k等比缩放。

---

图标导出以及对接开发

1.工具：蓝湖

直接上传，切图，间距，命名，倍数都可以查看。

---

总结

找icon，画icon，画完加隐形矩形方便建立symbol，建组，命名，利用auto插件建立切片并命名切片，建立symbol，完事界面上传蓝湖。