美文网首页
UI那些事儿~sktch画图标小细节

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

作者: 狒狒0810 | 来源:发表于2019-10-31 18:43 被阅读0次

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

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

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

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

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


icon命名

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

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

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

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

插件autopmate的使用

切片和批量建立symbol的使用


在项目中使用图标组建

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

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


图标导出以及对接开发

1.工具:蓝湖

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


总结

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

相关文章

网友评论

      本文标题:UI那些事儿~sktch画图标小细节

      本文链接:https://www.haomeiwen.com/subject/mdotbctx.html