Figma 图标绘制指南
2021-06-23 14:57:09    6    0    0
emengweb

图标是大家都非常熟悉的东西,但是绘制图标并且最终交付给开发却有很多细节需要注意,这篇文章就写了在做一套图标系统时需要注意的地方,包括:

  • 把图标画在相同大小的 Frame 中

    image.png

  • 注意调整 icon 的视觉平衡

    image.png

  • 把图标做成组件,方便快速替换
  • 设置好 icon 的 constraints,保证拉伸不变形
  • 内部图形记得布尔合并,以便替换时能够自动保持颜色,并且导出的 SVG 代码更干净

    image.png

上一篇: Figma 官方 Auto Layout 3.0 系列教程(持续更新)

下一篇: Figma 社区游玩指南

6 人读过
文档导航