选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

设计系统贡献模型

贡献模型允许产品团队根据产品需求向现有设计添加新功能,而不会破坏现有设计的质量。

本文回顾了三种流行的贡献模式:

1. Nord 及其混合模型

Nordhealth 是一家致力于重新定义数字医疗的医疗公司。它采用混合贡献模式,由中央设计系统团队负责总体方向。这种混合模式有助于设计团队确保系统的准确性和实用性。

工作原理

当设计师想要在设计系统中引入更改(无论是新的设计令牌、组件还是模式)时,他们都会遵循设计系统所有者定义的更改引入流程。该模型主要侧重于中度和重度贡献(创建全新的组件或工具),但也可用于可能影响多个团队的轻度贡献(对系统许多部分使用的现有组件或样式进行小幅设计调整)。

1_B7nH6f5XlWRaBH7Z2Qb9Q
Nord Health 设计系统使用的贡献流程

该过程通常涉及以下步骤:

  • 贡献提案。贡献提案可帮助设计系统所有者了解设计师通过引入变更想要实现的目标,以及在 Nord 设计的当前状态下阻碍他们实现目标的原因。
  1. 启动会议。在会议期间,提出变更的设计师和设计系统所有者就贡献范围达成一致,讨论双方的参与程度并确认时间表。
  2. 设计变更审核。在发布变更之前,务必确保贡献的内容不会破坏可访问性、可用性和一致性标准。负责变更的设计师提交所有必需的工件,设计系统所有者审核资产。
  3. 发布变更。在此步骤中,设计系统所有者确保变更已记录在案并在公司内部传达。

2. Pluralsight 及其废物减量模型

Pluralsight 为个人和企业客户提供在线技术培训。该公司采用严格的流程来提出设计系统中的新功能,以最大限度地减少创建已存在内容的可能性。

工作原理

该模型主要侧重于重大贡献(创建全新的组件或模式)。

0DbDbM_y13cdDGW8k
Pluralsight 设计系统贡献模型

这种模式的关键思想是不浪费资源不制造浪费。设计团队不断学习设计系统中已经存在的内容,并尝试重用现有的模式。当团队想要引入一种新模式时,他们会评估其多功能性(我们能否以一种可以在系统其他部分使用的方式设计一个新组件?

团队将贡献视为对话。他们希望通过在每两周同步一次时讨论提案并在工作开始前对其进行完善,减少贡献者潜在的返工和挫败感。

3. Canonical 及其对代码质量的关注

Canonical 是一家拥有多个商标的软件公司,包括 Ubuntu(一种流行的 Linux 操作系统)。该公司还负责 CSS 框架 Vanilla。该公司从事各种具有不同需求的项目,因此新模式会定期出现,而现有模式则必须改进以更加灵活。该团队记录了模式应遵循的流程,以便成为 Vanilla 模式。

工作原理

该模型以决策树的形式提供,使团队成员更容易理解他们想要做的改变是一次性的(雪花)还是设计系统的一部分。

1cbfEk_mUG8_YOVDiPraj6A
提出新的香草模式。图片来源:Inayaili de León

这个模型的一个有趣之处在于,它使质量保证成为图案创建过程中的强制性步骤。一旦设计通过初步审查,它们就会被送往开发和 QA 团队进行代码审查和功能测试,以确保更改符合技术和功能要求。

想要掌握设计系统技能吗?

无论您是多年的设计师,还是设计新手,Designlab都有课程和计划帮助您迈出设计职业生涯的下一步。查看数据驱动设计高级 Figma课程,掌握您的设计系统技能。

翻译:云瑞设计

原文:uxplanet

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。