在完成App的UI设计之后，我们通常需要为App设计一个图标。除了从设计角度诠释App的用途之外，还要遵循平台规范。iOS和iOS都有自己的规范，但你我都知道，国内基本没有纯种的，很多设计师也是把iOS的图标甚至UI复制粘贴到iOS上。

幸好，这种乱象正在逐渐改善。无论如何，在设计应用图标时，建议先遵循基本图形，不用考虑容器、背景色、边框等，先确定我们的基本形状和颜色，然后再看看放到 iOS 或市场和桌面上的效果。

那么，一旦完成了基本设计，如何缩放它以满足两个平台的规格，并轻松地以各种尺寸输出它？

可能大家见过icon标准辅助线，没错就是它，它可以帮你在标准范围内填充图形，在此基础上，大家可以利用这两个模板，快速输出平台所需要的尺寸。

左侧为辅助线，右侧为iOS辅助线

幸好，这种乱象正在逐渐改善。无论如何，在设计应用图标时，建议先遵循基本图形，不用考虑容器、背景色、边框等，先确定我们的基本形状和颜色，然后再看看放到 iOS 或市场和桌面上的效果。

因此，当你进行到这一步时，请将你的设计放在该指南上，例如按照对角线、按照圆圈、按照最大和最小范围、按照圆角矩形。

这里有个建议：icon不需要背景色，提供背景透明的png；iOS要求带背景色的直角png。对，你没看错，是直角，不是圆角。

那么，这个模板如何帮助我们新手提高效率并提供正确的规格？

这就是魔法发挥作用的地方sketch icon边框范围，它确实发挥了魔力。当然，你不必担心这一点，你所要做的就是将你的图形放入画板中，然后返回画板（），你就会看到你的图标已经准备好了。

模板中的背景色和辅助线只是为了帮助我们构图和查看效果，实际导出时需要将其隐藏。

上面三个动图只是演示了如何批量生成多种尺寸的 iOS 模板，剩下的工作就是选中这些画板，直接输出 1x 的图片即可，模板也是一样。

那么，你想把这两个模板文件变成真正的模板吗？那么你就可以从File-New菜单中选择模板sketch icon边框范围，然后直接从模板中创建，避免不小心更改模板文件的尴尬。

这两个模板文件下载好之后，一个一个打开，什么都不要做，直接点击顶部菜单的FIle-Save就可以了。

如有侵权请联系删除！