Sketch 进阶- Mobile App Icon 设计

Design Mobile App Icons:

1. 学习Icon 设计的标准

Interface Guidelines: 

Google Material Design: 中文版:http://design.1sters.com/material_design/style/icons.html 

Apple Human Interface Guidelines: https://developer.apple.com/ios/human-interface-guidelines/overview/themes/

2. 应用Sketch 模板

Sketch新建文件里有用于 IOS icon/ Android Icon design的template, 设计第一个icon。

create new sketch file with template

较老的sketch版本, 可以通过使用快捷键 “A” 打开模板, 在侧边栏里选择icon 的模板。

icon 模板尺寸

3. 使用Plugin: Aeiconizer 生成所需的其它尺寸的icon。

IOS icon generator plugin. This is a great little plugin for quickly being able to build out all of the app icons we'd need when building out mobile apps for Android and iOS. We can change the original design and go ahead and run it again and there's nota bunch of time trying to fix every single little app icon we created the first time around.


Plugin: Aeiconizer

4 . 使用快捷键一次全部导出。

 Icon Export: Command+Shift+E Export all artboard,  and can select any of them.


Export Icons
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容