组件思维

  • 易用性
  • 复用性
  • 美观性

图标设计

  • 直观性
  • 统一性
    • 大小
    • 圆角
    • 粗细
  • 协调性
    • 布尔运算 + 钢笔工具

  • 美观性

    • 适当的点缀：弥散阴影
    • 呼吸感：留白

      界面设计

  • 布局层级

    • 引入 z 轴
    • y 轴元素的层级由高到底
    • x 轴元素需要严格控制数量
  • 卡片设计
    • 文字层级梳理
      • 主标题
      • 副标题
      • 正文
      • 辅助文字
    • 背景
      • 纯色、微渐变、图片
    • 点缀
      • 占比
    • 按钮
      • 醒目

  • 文字排版

    • 层级
      • 文字间距
      • 主标题
      • 副标题
      • 正文
      • 辅助文字

    • 字体选取

    • 字重

    • 字号
    • 颜色
  • 元素间距
  • 配图质量