Design Token 与主题系统
Design Token 与主题系统
这篇笔记还在编辑中,内容可能会继续补充、调整或重写。
核心认识
主题系统使用语义化 Design Token 把组件样式与具体色值、尺寸解耦。通过 CSS 变量或编译产物切换 Token,可支持明暗主题、品牌主题和局部主题。
学习重点
- 从使用者视角设计稳定、可组合且可发现的组件能力
- 把视觉规范、交互状态、无障碍和测试作为同一套契约
- 建立从开发、文档、验证到版本发布的完整维护流程
实践检查
- 能用自己的话解释“Design Token 与主题系统”
- 能在最小项目中完成一次与“Design Token 与主题系统”相关的验证
- 能记录常见问题、取舍依据和排查方法