​译者声明：

​原书《Atomic Design》由bradfrost.com出版，作者Brad Frost。译版《原子设计》是个人自发项目，发布于瓦力UX，仅用于知识交流，不涉及任何商业或盈利目的；译文禁止转载，禁止任何商业或盈利为目的的传播形式。​

​你可以在bradfrost.com购买到纸质或电子版英文原书。​

​查看关于译版《原子设计》的更多信息。​

​已发表：​

​第1章 设计体系[（上）]​
​第1章 设计体系（中）​
​第1章 设计体系（下）​
​第2章 原子设计理论( 上)​
​第2章 原子设计理论( 下)​
​第3章 原子设计工具（上）​
​第3章 原子设计工具（下）​
​第4章 原子设计工作流（上）​
​第4章 原子设计工作流（中）​
​第4章 原子设计工作流（下）​
​第5章 维护设计体系（上）​
​第5章 维护设计体系（中）
​

---

第5章 维护设计体系（下）

​约6000字，预计阅读时间15分钟​

使其可见性强

可见性对于设计体系的持续健康至关重要，如此重要的工作不应被隐藏在幕后。可以采取哪些步骤来确保设计体系维持设计和开发工作流的基础？

设计系统的传播

即使你创建了世界上最好的样式指南，使用最先进的技术，拥有一支出色的团队并吸引用户，但如果你积极推广设计体系并持续更新，整体效果将大打折扣。即使在系统尚未落地之前，也要努力宣传你的设计体系。在项目开始时，可以找个地方来记录项目进度，以帮助大家提高对设计体系工作的认识和兴奋度。我的一个客户建立了一个内部博客来发布该项目的更新，以及一个设计体系Yammer频道（注：类似于钉钉），开发人员和利益相关者在其中分享想法，消除疑问，提供反馈并提问。在流程的早期建立沟通文化将增加设计体系扎根的可能性。

交流变更

一旦设计体系落地并应用于实际应用中，就必须将变更，更新和持续的愿景传达给整个组织。这种交流的策略可以从具体的细节到面向外部的营销工作而变化。以下是一些有助于交流变化的材料：

• 更新日志：“这是本月样式库中发生的更改。”

• 路标：“这是接下来几个月的内容。”

• 成功案例：“ X团队使用设计体系启动了这个出色的新应用程序；进一步了解他们的做法。”

• 提示和技巧：“以下是在整个应用程序中使用我们系统按钮的一些最佳做法和注意事项。”

为所有这些材料建立基础是一个好方法，同时使它们与样式指南本身紧密相关也很有意义。

Material Design团队在其样式指南中发布了变更日志，因此用户可以轻松地了解系统的最新更新。

设计体系的变更，更新和要求应该通过各种途径传播。其中可能包括Slack，Basecamp，GitHub，Wiki，Yammer，电子邮件列表，公司博客，内网，以及团队用来交流和协作的任何其他内部工具。听起来工作量很大，但别担心！保持团队和用户的获取最新状态并不需要付出太大的体力劳动。由于我们工具的互联特性，团队可以通过软件自动收到有关更改的提醒，Shyp的Micah Sivitz解释说：

每当有人发出请求时，都会向我们的Design slack频道发送通知，向团队宣布有提案更改，需要反馈。Micah Sivitz，Shyp

将这种交流融入团队的日常工作流中，可以使创建者，用户和利益相关者保持互动，并有助于向用户暗示样式库正在得到积极维护和改进。

培训与支持

你不会将锤子，锯子和螺丝刀交给别人，并说：“好，你已经有了所需的东西。现在，去给我盖一栋漂亮的新房子。”知道如何正确使用工具通常比该工具的可用性更为重要。以样式指南的形式提供文档无疑是有帮助的，但是只有文档还远远不够。必须为设计体系的用户提供足够的培训和持续的支持，以确保他们成功使用该工具，并进行出色的工作。培训用户如何使用设计体系可以采取多种形式，包括：

• 面对面会议：没有什么比坐在一起完成项目更好。尽管比其他培训方式更耗费时间，但它是使创建者和用户共同协作，了解系统的工作方式并揭示新的机会和缺点的最佳方法。

• 工作坊：从沉浸式的全天会议到快速的演练，在创建者和用户之间建立面对面工作坊非常有用。它可以帮助消除对系统的任何误解，在手把手的指导下帮助用户提升理解，并在负责维护和使用系统的人员之间建立良好关系。

• 在线会议：如果不可能举行工作坊或面对面会议，或者你需要大规模培训用户，那么在线会议可能会很棒。用户可以在线参与以了解如何正确使用该系统。进行在线会议时，请务必留一些时间在问答环节，来回答用户的问题，疑虑和评论。

• 教程：一系列博客文章和截屏视频可以巧妙地展示设计体系的核心概念。这些帮助不仅可以作为培训工具，而且可以作为很好的参考。

• 入职培训：将设计系统注入公司文化的一种好方法是将设计体系培训直接纳入新员工的入职流程。新同事将理解模块化，复用以及设计体系带来的所有好处的重要性。

一旦启动并运行设计体系的构建，肯定就会有用户遇到问题或疑问。他们需要知道有一个强大的体系来支持并帮助回答任何问题，听取要求并解决错误。有很多机制可以为用户提供支持，包括：

• 问题追踪器：JIRA和GitHub Issues之类的工具非常适合用户和创建者报告错误并进行技术对话。用户应了解如何提交错误，并觉得有权做出贡献。

• 官方时间：安排设计体系团队在固定时间可以提出问题，解决问题并讨论设计系统的下一步工作。

• 即时通讯工具：许多协作工具的实时性为对话提供了巨大的方便。借助Slack，Yammer和HipChat等工具，创建者和用户可以随时随地相互交流。

• 论坛：事实证明，Stack Overflow和GitHub之类的社区在启用基层，社区驱动支持方面非常有效。与其让设计体系创建者成为主要支持者，不如向整个用户社区开放支持。

• 扩展活动：不是每个人都有时间或个性来提出问题并提出建议。设计体系创建者应积极主动，并与使用该设计体系的开发人员联系，以了解他们是否有任何问题或疑虑。这些行动可以帮助在创建者和用户之间建立真正的积极关系。

美国网络数字标准草案系统使用GitHub跟踪问题，为用户和创建者提供了一个提交错误并进行实质讨论的场所。

借助GitHub之类的工具，设计体系用户不必再受限于消费者的角色。如果有机会，那些每天使用系统的人也可能成为设计系体系极有价值的贡献者。用户渴望加入并使系统尽可能强大。以下是鼓励用户做出贡献的一些策略：

• 建议和请求：鼓励使用设计体系的所有人提出更改和新功能的建议。更好的做法是，邀请用户以拉取分支请求的形式提交更改，这些更改可以直接合并回代码库。

• 个人访谈和圆桌讨论：与用户交谈始终是一个好方法，因此请定期安排时间与使用者聊天。统筹兼顾，听取好与坏，并共同确定应对计划，以解决所有问题和建议。

• 请求反馈：管理可能部署到数百个应用程序的系统可能很棘手。在做出可能影响很多人的决定之前，请先征求意见：“我们正在考虑弃用轮播样式，并希望听听您的想法。”

• 问卷调查：如果无法进行访谈，则可以依靠快速问卷来了解UI样式和样式指南的有效性。诸如“样式文档有多有用，可以打1到5分？有什么建议吗？”可以帮助你识别盲点，并让用户提出可以提高效率的功能。

• 定期会议：安排定期的会议，设计体系团队将在该会议上讨论产品路线图，在此过程中学到的经验教训以及建议和反馈。鼓励所有人参加会议，并确保记录和分发这些会议纪要，以便大家都掌握总体规划。

公开

交流变更，进行宣讲并开展适当的培训与支持，对于提高体系的可见性都很有用。但是，还有另一个将你的沟通策略提升层次的机会：使你的风格指南可公开访问。为什么？风格指南不仅仅是内部资源来帮助组织中的人们更好地协作吗？对外界有什么用？并且发布你的样式指南不会泄露所有商业秘密吗？发布你的样式指南以供全世界查看，可以提高其知名度，增强责任感并充当出色的招聘工具。将样式指南放在内网或防火墙后面会降低可见性，并给团队和合作伙伴带来不必要的负担，从而限制资源的有效性和潜力。另外，对于泄露商业秘密的担心是完全不必要的。这些只是UI样式，而不是核心代码。

Styleguides.io收集了来自世界各地团队的150多种公开风格指南。

除了使重要文档更易于访问之外，公共风格指南还有助于建立团队的责任感。发布样式指南可以证明你的团队对设计系统的承诺，这会给你带来一定的压力，使它成为最新和有用的资源。公开的风格指南对于招聘也很有帮助。设计师，开发人员和其他领域的工作人员想为包含现代数字最佳实践的组织工作，并且（正如我们在本书中所讨论的）设计体系正在迅速成为全行业的最佳实践。公开你的风格指南会发出强大的信号，以吸引热情，有模式思维的人。例如，样式指南专家Jina Bolton看到了公司针对其Salesforce1产品的样式指南后就去了Salesforce工作。

当我看到[Salesforce的风格指南]时，我认为它很漂亮，这就是我想加入这个团队的原因。Jina Bolton

自加入Salesforce以来，她帮助创建了非常成功的Lightning Design System，并帮助管理他们不断壮大的设计体系团队。Jina的故事不是一个孤立的故事。我和Anna Debenham的所有嘉宾都在Styleguides Podcast上接受了采访，他们讨论了公开样式库对于吸引人才的帮助。所有这些意味着公共风格指南为你的团队增加竞争力，而不是减少。

不断扩大范围

一个可见的，跨学科的，可访问的样式库是你的团队需要不断使用的，要充分利用这个优势。由于团队的目光已经固定在这一资源上，因此有很大的机会将其扩展到包括其他有用的文档，例如我们在第1章中讨论过的语调和语气，品牌指南，代码样式指南，设计原则和写作指南。

Intuit的Harmony设计体系包括一个样式库，设计原则，语调和语气，营销准则等。将此有用的文档放在一起有助于提高其可见性和有效性。

现在，你的组织可能不需要实施所有指南，关键是创建一个集中式指南中心，从而增强对最佳实践的认识，提高文档的有效性。另一种扩展样式库功能的方法是在基于Web的样式旁边增加原生平台的样式。我们可以再次看看Intuit的Harmony设计体系，它将iOS和Android原生移动平台样式放在了Web样式的旁边。

Intuit的Harmony模式库包括用于在每种样式的Web，iOS和Android之间切换的按钮。这样一来，团队就可以跨平台维护一个几乎一致的设计体系，而且还可以在出现模式差异时记录它们。

使它与上下文无关

UI样式的命名方式无疑将影响其使用。不可知的样式名称越多，它们变得越通用和可复用。因为我们倾向于在更广阔的页面环境中建立UI样式，所以经常会根据组件的位置来命名。但是，与其将你的组件命名为“首页轮播”，不如直接将其命名为“轮播”，这意味着可以将轮播放到任何地方！命名展示类样式的另一个挑战是，我们会受到其内部内容样式的干扰。例如，在电商网站上，你可能会倾向于将包含产品图像和标题的模块称为“产品卡片”。但是以这种方式命名会限制其中可以容纳的内容类型。通过简单地将其命名为“卡片”，你可以在其中放置各种内容样式：产品，促销信息，店铺位置等。给事物起名真的很难。但是，有一些策略可以帮助你创建可靠的名称。进行界面清点（如第4章中所述）可帮助你将样式从通常所在的页面上下文剥离出来，这意味着你的团队可以创建不受其上下文干扰的名称。我与团队进行了命名练习，其中我们模糊了样式中的内容，以便每个人都可以专注于结构，而不是其中内容。

命名时，一个很好的方法是使内容模糊，让名字反映其结构，而不是内部的内容。

尽管命名始终是一个挑战，但是与上下文和内容无关的样式名称将更加可移植，可复用和通用。

提供使用场景

在样式库中展示UI样式很有用，但是你需要向设计体系用户展示上下文，以了解如何以及在何处正确使用它们。大多数样式库都展示了每个UI样式的demo，但是正如我们已经讨论的那样，这些样式并不是存在于真空中的，它们到底在哪使用？演示上下文的一种方法是展示屏幕截图或操作中的组件视频。Material Design设计的文档在这方面做得非常出色：每个组件都包含照片，视频和用法详细信息，以使用户清楚地了解这些它们在应用程序上下文中的外观，并演示应如何使用每个样式。

Material Design的组件库不仅包含每个组件的示例，它使用大量图像和视频彻底记录了该组件的使用情况以提供支持。

显示上下文的另一种方法是为每个样式提供继承信息。正如我们在第3章中讨论的那样，像Pattern Lab这样的工具会自动生成此信息，除了显示每个组件的使用位置之外，你还可以查看组件由哪些样式组成。这提供了一种样式的书面记录，可极大地帮助质量检查工作，因为它准确地突出了如果对特定样式进行更改，则需要测试哪些样式和模板。

诸如Pattern Lab之类的工具提供了继承信息，使团队可以查看任何给定组件中包括哪些较小的组件，以及每种样式的使用位置。

使其持久化

创建设计体系是一项非常重要的工作。但是，如果没有适当的维护，设计体系的价值将贬值，就像汽车刚从车库里开出来一样。相反，你的设计体系应该像一瓶优质葡萄酒不断增值。

通过适当的维护，你的设计体系应该会随着时间的流逝而增加价值，就像一瓶优质葡萄酒一样，而不是像刚刚被淘汰的二手车一样。图片来源：Flickr

正如我们在本章中讨论的那样，使你的设计体系经受时间的考验需要大量的时间和精力。但是，不是所有生物都这样吗？动物需要吃饭，植物需要水和阳光才能生存。创建一个动态的设计体系意味着给予关注和照顾，以使其继续蓬勃发展。所有这些努力不仅为你的团队创造了更好的礼物，而且为你的长期成功做好了准备。建立清晰的维护计划，传达变更并实施本章中的其他建议有助于设计系统扎根并成为组织工作流程的组成部分。创建是困难的部分，但是一旦建立，你将拥有坚实的基础，可以在以后的几年中继续发展。即使你要推倒重建新系统，也会仍然需要按钮，表单字段，选项卡和其他现有组件。并且你将需要显示和记录系统。不要因噎废食！以上就是所有内容。要创建可维护的设计系统，你应该：

• 通过为设计体系分配时间、金钱和资源来使其正式化。

• 通过指望变更并制定清晰的维护计划来使其适应性强。

• 通过寻找圣杯并使其易于部署并将改变传达给设计体系来使其易于维护。

• 通过使你的样式库成为整个组织通用的资源使其跨岗位。

• 通过使一个有吸引力的，易于使用的风格指南帮助文档使其平易近人。

• 通过传达变更，宣传设计体系并将其公开来使其可见性强。

• 通过包含品牌指南，语调和语气指南，代码指南，设计原则和写作准则来扩大规模。

• 通过根据样式的结构而不是其上下文或内容来命名，使其与上下文无关。

• 通过演示样式组成并显示其使用位置来提供使用场景。

• 奠定坚实的基础，并在未来数年中不断发展，以实现持久化。

以原子的名义出发

我们的任务是使大量产品，站点和应用程序正常工作，并在令人眼花缭乱的各种设备，屏幕尺寸，外形尺寸和环境中保持美观。我希望本书所涵盖的概念能够为你勇敢地应对这种日益多样化的数字环境奠定坚实的基础。通过创建设计系体系，慎重考虑如何构建用户界面，建立协作和样式驱动的工作流，以及设置流程来成功维护设计体系，希望你和你的团队共同创造美好的事物。以原子的名义出发！