这是无聊设计师 @超能铜草帽 录制的一系列关于 icon 从想法到制作,再到交付的整个流程。整个个系列视频非常详细,对于 icon 的全流程交付很有帮助。

不过本视频中采用的设计工具是 Sketch,是因为 Figma 在交付这块还比较薄弱,推荐有兴趣的同学观看。

图标网格、基准图标尺寸

画之前:找灵感开阔脑洞

画图标

图标命名(非常重要)

Sketch 的 2 种切片及“斜杠”、“_”用法解释

批量添加切片

图标组件化

在项目中使用图标组件

图标导出对接开发

总结

谢谢欣赏。