跳转到内容

设计与体验 · DEFINED TERM

一致性与设计系统

设计系统用共享规则、组件和变量保持产品在不同页面表现一致。

你可能会这样说“同一种按钮不要在每个页面长得都不一样”

VISUAL EXAMPLE

先看懂它怎么工作

INPUT同一种按钮不要在每个页面长得都不一样
定义设计令牌
封装组件
记录用法
持续审查偏差
CHECK颜色、间距、控件状态和命名都能追溯到统一规则

MECHANISM

运行机制

  1. 定义设计令牌
  2. 封装组件
  3. 记录用法
  4. 持续审查偏差

USE WHEN

适合这样用

提高开发效率并降低认知成本

NOT FOR

不要这样理解

不要为了局部效果随意覆盖共享组件

TELL YOUR AGENT

可直接发给 Agent

请按“一致性与设计系统”的概念处理这个需求:同一种按钮不要在每个页面长得都不一样。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

颜色、间距、控件状态和命名都能追溯到统一规则

OFFICIAL SOURCES

官方来源