从语义 token 与组件维护出发,用可运行原型验证设计决策。
Lesson 07 · 要打破的信念
UI 的一致性只能靠逐页调整。
把共享设计决策落实到 token 与组件,再用原型验证。
时长
90 分钟
受众
希望建立设计系统的前端开发者
现场演示
Mark Studio 参数探索
课后实践
梳理一组可复用的设计决策
先理解,再演示,最后动手。按需展开,每次聚焦一节。
一致性来自设计决策、组件实现与持续验证共同作用。
设计 token 为可复用的视觉属性命名,例如颜色、间距与圆角;语义 token 进一步表达用途,例如主操作色和弱化文字色。组件引用这些约定,再组合成区块和页面。这里是一种设计组织方式,不是所有项目必须遵循的唯一层级。
更换品牌色时,集中管理可减少遗漏,但仍要检查不同主题、状态和对比度。字面量数量不能直接代表错误数量或修改成本。Monorepo 指在同一仓库管理多个项目或包;它可以帮助共享代码,并不自动带来设计一致性,也不是 token 体系的必经终点。