用途:本资料面向设计系统建设,强调设计系统是服务其他产品的产品,永远不会“完成”,衡量标准是长期仍被使用并持续演进。
主要能力:区分功能性模式(按钮、表单、卡片等)与感知性模式(颜色、字体、间距、动效、语气);采用原子设计五层级(原子、分子、有机体、模板、页面)作为组织模型而非线性流程;设计令牌分三层(全局/引用、语义/别名、组件),命名遵循 {category}-{property}-{variant}-{state},组件代码中不得直接使用十六进制、像素或魔法数字,必须引用令牌。
使用方式:先做界面清单审计,汇集设计、开发、产品、QA,对按钮、表单、导航、卡片、弹窗、排版、颜色、间距、图标、加载与空状态、错误与反馈等分类截图并归组,以不一致性推动共识,再优先整合最常用且最不一致的模式。每个模式需提供规格:名称(按结构而非内容命名)、用途、解剖、变体(最多 5 个)、状态、行为、内容指南、无障碍(ARIA、键盘、对比度)、响应式、所用令牌及相关模式。判断两个元素是否同一模式看用途与行为,而非外观。治理可采用集中式、联邦式或混合式,模式生命周期为提议、评审、接受、构建、记录、发布及弃用。
适用场景与限制:适合 3 名以上设计师或 5 名以上开发者协作同一产品、存在大量重复样式、无障碍问题反复出现或计划品牌更新与平台迁移的团队;单人项目、快速探索或少于 20 个屏幕时暂不必要。资料提醒避免未用先建、按内容命名、当作一次性项目、仅面向开发者文档、变体过多、跳过无障碍、照搬他人系统等常见错误,并给出成熟度 1 至 5 级路径与防废弃清单。具体实施效果、收费与平台信息暂未提供。