我们都知道任何一个项目到上线经过一段时间的UI设计,开发,测试等流程,为了统一管理项目中所使用的icon,也是为了后期的更改,更为了多人开发的使用,这样统一引用,给开发带来很好的收益以及减少开发时间,也为了后期更好的维护,下面我把阿里云上步骤弄到博客中.
svg的icon的制作
制作规则
- 闭合: 将会带来全新的写作体验。
- 合并: 如果有两个以上图形，或者有布尔关系的图形，请对图形合并并且扩展。
- 大小: 在限定边框内绘制完成图形，尽量撑满绘制区域，以16X16点阵作为对齐以及
细节参考。
- 节点: 图形尽量减少节点使用，简化图形去除无用节点。
- 填色: 完成设计的图形需要填充相关的颜色，建议用纯色（不支持渐变）。
- 轮廓化: 将描边转化为闭合图形，选择要转换的描边，对象－路径－轮廓化描边。
制作流程
-
**下载原文件 图标制作模板.AI:**图标在绘制时均以标准图标大小1024x1024px绘制，因为在制作成字体时文件需要 设置较高的清晰度，所以图标路径也需要等比例放大。
-
**设置图标大小:**设计师可以直接将画好的图标路径复制到模版里，根据模板的辅助线，对图标 进行位置的调节，居中，四周等距，保证图标的统一。
-
存储为svg格式（建议使用存储为svg，不要使用导出为svg）。
-
上传图标。
-
命名图标及定义图标标签，完成上传。
