图标是 UI 设计中必不可少的组成。通常我们理解图标设计的含义，是将某个概念转换成清晰易读的图形，从而降低用户的理解成本，提升界面的美观度。

通用原则

  • 优先使用提供的字体图标；
  • 避免块状图标和线性图标混用；
  • 必要时辅以文字说明；
  • 任何时候单独的图标，鼠标移入时都应当提示其含义；
  • 严禁多种图标代表一种含义或一个图标代表多种含义；
  • 尽量沿用大家习惯的图标形象；
  • 减少装饰型图标。

image.png

绘制规则

  • 图标描绘的形态应当扁平、正面；
  • 视觉大小一致，笔画线条一致；
  • 使用统一的网络制图，不超出网格范围；