在完成app的UI设计后，我们一般需要为app设计一个图标，不仅要从设计的角度推导出app的用途，还要遵守平台的规范。 iOS和都有自己的标准，你我都知道sketch icon边框范围，国外基本没有纯种。 许许多多的设计师纷纷效仿，将 iOS 图标甚至 UI 搬到了互联网上。

幸运的是，这些毛病正在逐渐好转。 无论如何，建议先基于基础图形设计App的Icon，不考虑容器、背景色、边框等。确定我们的基本形状和颜色，然后在iOS或市场和桌面上看效果。

那么，当你完成了基础设计之后，如何扩展到两大平台的规格，轻松输出各种规格呢？

其实你听说过图标规范辅助线，没错，就是这个东西，它可以帮你把图形填充到符合规范的范围内。 在此基础上，使用这两个模板可以快速输出平台需要的规范。

两侧安卓辅助线，两侧iOS辅助线

幸运的是，这些毛病正在逐渐好转。 无论如何，建议先基于基础图形设计App的Icon，不考虑容器、背景色、边框等。确定我们的基本形状和颜色sketch icon边框范围，然后在iOS或市场和桌面上看效果。

所以，当你到达这一点时，将你的设计放在这条指导线上，比如跟随斜线，跟随圆圈，跟随最大和最小范围，跟随圆角正方形。

有建议：图标不需要背景色，提供透明底的png； iOS 需要具有直角和背景颜色的 png。 是的，你没看错，是直角，不是圆角。

那么，这个模板是如何帮助小白提高效率并提供正确尺寸的呢？

这个神奇的东西用在这里，用来做神奇的事情。 其实这个你大可不必担心，你只需要将你的图形放入画板，然后返回到画板（），就可以看到你的图标已经准备好了。

模板中的背景色和辅助线只是用来帮助我们设置灯光和看效果，实际导入时需要隐藏。

前面三个动画简单演示了如何从iOS模板批量生成多个规范。 剩下的工作就是选择这种画板，直接输出一张1-fold的图片。 模板是一样的。

那么，要不要把这两个模板文件变成真正的模板呢？ 之后你可以从File-中选择一个模板，直接从模板中创建，避免不小心直接更改你的模板文件的尴尬。

下载完这两个模板文件后，不用任何操作，一一打开，点击底部菜单的文件-保存即可。

如有侵权请联系删除！