在进行完App的UI设计之后，我们通常还要为App设计一个icon，除了从设计的角度来诠释App的用途，还要遵循平台的规范。iOS和Android都有各自的规范，但是你我都知道国内基本上没有纯种的Android，很多很多设计师也是依葫芦画瓢，把iOS的图标甚至是UI搬到Android上。

        好在这种乱象正逐步改善，不管怎么说，为App设计Icon，建议都要先按照基本图形来做，先不考虑容器、底色、边框等。把咱们的基础造型和色彩确定下来，再看看放到iOS或Android的市场及桌面上的效果。

        那么，当你进行基础设计完之后，如何缩放至复合两大平台的规范并能轻松输出各种尺寸呢？

        或许你们看到过icon规范辅助线，对，就是这个东西，它可以帮助你在符合规范的范围内填充图形。在这个基础上，用这两个模版可以快速的输出平台要求的尺寸。

       好在这种乱象正逐步改善，不管怎么说，为App设计Icon，建议都要先按照基本图形来做，先不考虑容器、底色、边框等。把咱们的基础造型和色彩确定下来，再看看放到iOS或Android的市场及桌面上的效果。

        那么，当你进行到这一步时，把你的设计放在这个辅助线上，比如遵循斜线、遵循圆圈、遵循最大最小范围，遵循圆角矩形。        

        有一个建议：Android的图标是不用底色，提供一个透明底的png；iOS要求提供直角带底色的png，对，你没看错，是直角，不是圆角。

        那么，这个模版如何帮我们小白提高效率，提供正确的各种规格呢？

        这里就用到symbol这个神奇的东西，用它来做神奇的事情。当然，你可以不用管这些，你要做的就是把你的图形放进symbol画板中，然后回到艺术板（Artboard）中，就可以看到你的icon已经整装待发。

        模版中的底色和辅助线只是用来帮助我们构图和看效果的，实际导出时需要隐藏哦。

        上面3个动图简单的演示了iOS模版如何批量生成多种尺寸，剩下的工作就是将这些画板选中，直接输出1倍图即可。Android模版同理。

        那么，想不想把这两个模版文件变成真正的sketch模版呢？以后就可以从File－New frome Template中选择模版就可以直接由模版创建啦，避免某次不小心直接把你的模版文件改了的尴尬。

下载这2个模版文件后，用sketch挨个打开它，什么都不用做，直接点击顶部菜单 FIle－Save Template 即可。

https://pan.baidu.com/s/1dE809xv?errno=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0#list/path=%2F

提取密码 swdm

模版下载请关注下方公众号，回复“模版”，点击推送文章最底部的“阅读原文”获取链接。