Design System

操作指南

1. 调研和总结相关资料
2. 明确基本原则及目标
3. 划分内容模块，逐步细化
4. 参考相关资料
5. 明确模块目标
6. 明确规则，抽象为参数和数据
7. 试用和调整
8. 参考成型的规范进行案例设计，查漏补缺
9. 实现 CSS 库
10. 实现 Web 组件库

参考资料

Google 表格: Design System 参考资料

相关主题

• 尺寸
• 颜色
• 层级
• 状态
• 布局
• 文字
• 动画

模块设计