提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
在进行完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 即可。
提取密码 swdm
模版下载请关注下方公众号,回复“模版”,点击推送文章最底部的“阅读原文”获取链接。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册