Code
Road
Map
路线图
学习路径
文章
题库
资源
社区
首页
/
路线图
/
设计系统路线图
设计系统路线图
一步一步构建属于你的设计系统。
难度
中级
时长
31 周
知识点
124
模块
5
0%
整体完成度
…
继续学习
已完成
进行中
未开始
1. 阶段一
0/8
理解基础概念
组件库
治理机制
试点项目
设计令牌
UI Kit
创建设计语言
创建核心组件
2. 阶段二
0/78
什么是设计系统?
为什么需要设计系统
设计系统与组件库对比
什么是原子设计
构建涉及的相关参与方
设计系统示例
术语
执行视觉审计
梳理现有设计流程
图标
视觉化表单
尺寸
间距
颜色
字体排版
头像
徽标
横幅
按钮
卡片
下拉菜单
表单
...其他
定义 Design Tokens
无障碍性
功能色
深色模式
设计准则
单位
网格
断点
间距
响应式
网格关系
可读性
性能
使用指南
无障碍
风格
命名
网格关系
尺寸
关键词
保留图标
使用指南
头像
文本输入框
横幅
徽章
按钮
卡片
轮播
下拉菜单
图标
复选框
单选框
开关
下拉选择
文本域
列表
加载指示器
模态框
标签页
Toast
Tooltip
工具链
项目管理
路线图
里程碑
工单管理
组件分析
日志记录
工具分析
服务与健康指标
社区会议
沟通渠道
开放答疑时段
常见问题
3. 阶段三
0/32
组件
设计语言
设计准则
模式
构建设计系统
编写规范
语气与语调
术语
设计原则
愿景
单色版本
小尺寸使用指南
摆放位置指南
使用指南
文件格式
无障碍
用户引导
微文案指南
设计编辑器
插件
版本控制
贡献指南
组件目录
文档
代码风格
单元测试
无障碍测试
语义化版本控制
发布策略
提交规范
PR 模板
贡献指南
4. 阶段四
0/3
从零开始构建
基于现有设计构建
现有设计分析
5. 阶段五
0/3
A/B 测试与实验
地区性需求
文档整理