现在我们学习的App Icon设计规范

admin 2024-5-5 484 5/5

在完成 App 的 UI 设计之后,为其设计一个 icon 是必不可少的步骤不仅要从设计角度展现 App 的用途,还需遵循各平台的规范我们都知道,iOS 和 Android 有各自的规范,但国内的情况是,很多设计师会直接照搬 iOS 的图标甚至是 UI 到 Android 上。

幸运的是,这种混乱的情况正在逐渐好转无论如何,为 App 设计 Icon 时,建议先从基本图形着手,暂不考虑容器、底色、边框等因素先将基础造型和色彩确定好,再观察其在 iOS 或 Android 市场及桌面上的呈现效果。

那么,当基础设计完成后,如何将其缩放至符合两大平台规范,并能轻松输出各种尺寸呢?

现在我们学习的App Icon设计规范

或许你曾看到过 icon 规范辅助线,没错,就是它能帮助我们在规范范围内填充图形在此基础上,利用这两个模板可以快速输出平台要求的尺寸左侧是安卓的辅助线,右侧是 iOS 的辅助线幸运的是,这种混乱的情况正在逐渐好转。

无论如何,为 App 设计 Icon 时,建议先从基本图形着手,暂不考虑容器、底色、边框等因素先将基础造型和色彩确定好,再观察其在 iOS 或 Android 市场及桌面上的呈现效果那么,当进行到这一步时,将你的设计放在辅助线上,比如遵循斜线、遵循圆圈、遵循最大最小范围、遵循圆角矩形等。

有一个建议:Android 的图标无需底色,提供一个透明底的 png 即可;iOS 则要求提供直角带底色的 png,没错,你没看错,是直角,而非圆角那么,这些模板如何帮助我们这些小白提高效率,输出正确的各种规格呢?。

这里就用到了 symbol 这个神奇的东西,它能帮助我们完成神奇的事情当然,你也可以不用管这些,你只需将图形放进 symbol 画板中,然后回到艺术板(Artboard)中,就可以看到你的 icon 已经准备就绪。

模板中的底色和辅助线只是用来帮助我们构图和看效果的,实际导出时需要将它们隐藏起来哦上面 3 个动图简单展示了 iOS 模板如何批量生成多种尺寸,剩下的工作就是将这些画板选中,直接输出 1 倍图即可Android 模板同理。

那么,想不想将这两个模板文件变成真正的 sketch 模板呢?以后就可以从“File-New frome Template”中选择模板直接创建啦,避免某次不小心直接把你的模板文件改了的尴尬下载这两个模板文件后,用 sketch 逐个打开它们,什么都不用做,直接点击顶部菜单“File-Save Template”即可。

今天就分享到这里吧,天宇软件资讯是一个软件分享基地,其中包括红包软件有微信,钉钉,支付宝,陌陌,QQ,酷创XM,迪特蓝,猩猩,何讯,潮乐GO,灿盛严选,淘淘乐,趣友会,嘉和,好客XM,AIU,新浪晨报,爱果go,趣语,萌小嘟,星合甄选,酷创,小蓝莓,炫美精选,铃铛,微信多开,微信分身等社交软件下载,软件自带功能有牛牛,红包透视,秒抢,单透软件,机器人,埋雷软件,红包尾数控制,爆粉,红包辅助,埋雷辅助,辅助外挂等一些红包强项外挂辅助软件功能免费下载使用。

- THE END -

admin

5月05日10:35

最后修改:2024年5月5日
0

非特殊说明,本博所有文章均为博主原创。

软件商城
nowmru.com
2024-09-20 09:44:51
软件商城:nowmru.com
软件商城地址:http://nowmru.com
软件商城:nowmru.com
取消

选择聊天工具: