Carbon 设计系统

Carbon 设计系统是 IBM 创建的免费开源设计系统和组件库。它提供共享的视觉语言、可复用的界面模式、实施指南和开发资源，旨在帮助团队构建连贯的数字产品和服务。Carbon 实现了 IBM 设计语言，并定位为设计标准与生产软件之间的实用桥梁：设计师可以依据文档化的模式和资源工作，而开发人员可以使用维护良好的组件库，而无需为每个项目重新创建常见的界面行为。 Carbon 的公开开发始于 2015 年 6 月 10 日。其范围包括视觉基础，如字体、颜色、间距、图标、布局和交互指南，以及编码组件和使用文档。该系统的官方字体指南以 IBM Plex 字体为核心。对于中文、日文和韩文的使用场景，文档确定了兼容的替代字体，包括 Noto Sans CJK SC、Noto Sans CJK TC 和 Noto Sans JP。 Carbon 支持多种实现方式。其核心生态系统包括由 Carbon Core 团队维护的 vanilla JavaScript 和 CSS 实现以及 React 实现。社区还开发了 Svelte、Vue.js 和 Web Components 的实现。这种多框架结构允许不同技术栈的团队从共同的设计语言中汲取灵感，同时将组件适配到他们的应用架构中。 该系统在 Apache 2.0 许可证下分发，使其源代码和相关实现资源可在该许可证下重用。IBM 的管理使 Carbon 与公司更广泛的设计实践直接相关，但开源模式也使外部开发者和贡献者能够参与其发展。因此，Carbon 既是 IBM 的产品设计资产，也是一个公共技术项目。 Carbon 的主要价值主张是规模化的一致性。通过标准化重复出现的模式并记录何时以及如何使用它们，可以减少重复的设计和工程工作，改进可访问性和可用性实践，并使与 IBM 相关或独立构建的界面感觉更连贯。该项目最好被理解为设计系统品牌和开源软件计划，而不是消费电子产品或独立的商业应用。

Carbon 设计系统源于 IBM 将其设计语言表达为可重用数字产品系统的努力。其公开开发始于 2015 年 6 月 10 日。Carbon 不仅仅作为视觉风格指南，而是发展为设计原则、文档化界面模式和生产导向软件库的组合。这种结构反映了现代设计系统模型，设计师和工程师共享共同的基础和组件。 IBM 创建 Carbon 是为了以产品团队可以一致应用的形式实现 IBM 设计语言。该系统涵盖了基础决策，如字体、颜色、间距、图标、布局和交互。它还提供了选择和组合界面组件的指导。通过集中记录这些决策，Carbon 帮助团队避免不一致的一次性解决方案，并为需要在 IBM 设计生态系统中运行的产品提供共同参考。 Carbon 发展的重要部分是其与开源软件实践的关系。该项目在 Apache 2.0 许可证下可用，其公共存储库和文档允许开发人员和其他贡献者检查、使用和扩展系统。IBM 仍然是发起组织和主要管理者，而社区贡献了核心包之外的实现和集成。 Carbon 支持多种前端技术。其官方生态系统包括 vanilla JavaScript 和 CSS 实现，适用于不依赖主要前端框架的项目，以及由 Carbon Core 团队维护的 React 实现。社区成员维护了 Svelte、Vue.js 和 Web Components 的版本或集成。这些实现旨在保留共享的设计语言，同时适应不同的应用架构和开发工作流程。 字体是 Carbon 历史和身份中另一个可识别的部分。指南指定 IBM Plex 为首选字体，使系统与 IBM 更广泛的设计表达保持一致。文档还确定了 Noto Sans CJK SC、Noto Sans CJK TC 和 Noto Sans JP 作为相关中文和日文脚本上下文的替代字体。这反映了系统支持国际界面的需求，而不是依赖单一的拉丁字体解决方案。 Carbon 的发展说明了从孤立的品牌指南向运营设计基础设施的转变。其文档、组件代码和社区实现使系统可供设计和工程团队使用。该项目仍然与 IBM 相关，但其开源许可和公共贡献模式使其在单个内部产品组织之外具有相关性。可用的参考材料并未确定设计系统的独立成立年份、总部、指定创始人或商业财务历史。

• 2015

  公开开发启动

  [1]Carbon Design Systemen.wikipedia.org

  Carbon 设计系统的公开开发最初于 2015 年 6 月 10 日开始，作为 IBM 主导的 IBM 设计语言的开源实现。

一个由 IBM 支持的开源设计系统，将 IBM 设计语言与可复用的设计资产、文档化模式和框架实现相结合，用于一致的数字产品开发。

• 设计系统基础

  Carbon 设计指南

  该指南定义了系统的视觉和交互基础，包括字体、颜色、间距、图标、布局和组件使用。它们将 IBM 设计语言转化为团队在设计数字界面时可以应用的实用建议。该指南旨在支持跨产品的一致性、可用性和可重复的决策，而不是仅规定静态的视觉外观。

• React 组件库

  Carbon React

  Carbon React 是系统编码界面组件的 React 实现。它为 React 开发人员提供了与 Carbon 设计指南一致的可重用构建块，允许将常见界面模式集成到应用程序中，而无需独立重建其结构和样式。该实现由 Carbon Core 团队维护。

• JavaScript 和 CSS 组件库

  Carbon vanilla

  Carbon 的 vanilla 实现为使用 JavaScript 和 CSS 的项目提供组件和样式，无需 React 或其他特定前端框架。它将设计系统的覆盖范围扩展到更简单的网站和应用程序，或基于不同技术基础的产品，同时保留 Carbon 文档化的视觉和交互模式。

• 社区维护的组件库

  社区框架实现

  Carbon 生态系统包括社区维护的 Svelte、Vue.js 和 Web Components 实现。这些项目拓宽了可以使用 Carbon 约定和组件的框架范围。由于它们是社区维护的，而不是核心 React 或 vanilla 实现，其发布节奏和范围可能与 IBM 维护的系统部分不同。

1. 1Carbon Design Systemen.wikipedia.org
2. 2Carbon Design System official websitecarbondesignsystem.com