VMWare-Clarity 设计系统入门

Question

我想就如何最好地推动我的公司使用 VMWare 的 Clarity 系统或非常类似的系统提出建议。我们应该使用它作为模板吗？分叉吗？随着时间的推移整合其中的一部分？

到 2018 年第四季度，我们希望：

• 有一个不错的设计系统
• 在 Angular 2 中开发
• 使用 Bootstrap 4

目前我们在这里：

• 没有设计系统
• 引导程序 3.3.7
• AngularJS

任何建议都会有所帮助！

Answer 1

Clarity Design System 由几个部分组成。

有设计资源 - 用于浅色和深色主题组件的草图模板以及使用它们的文档和指南。另外，我们发布了三个包

1. @clr/icons - 一个可以独立使用的图标库。这些图标是网络组件，在您将其集成到应用程序后，可以像项目中的任何其他元素一样使用
2. @clr/ui - 独立的 html/css 用于清晰的主题组件。出于显而易见的原因，更高级的组件（例如数据网格或向导）不属于其中
3. @clr/angular - Angular 应用程序的清晰组件。

回答您的几个问题。

问。我们应该将其用作模板吗？ A. 不，Clarity (@clr/angular) 应该集成到您的 Angular 应用程序中，以便您可以使用这些组件来构建应用程序。

问。分叉吗？ A. 欢迎您 fork 代码，它的开源软件（MIT 许可证）。如果您想了解最新的错误修复和增强功能，但我建议您将其集成到项目中并跟上增量版本。我们通常尝试每周发布一次，并标注至少两个弃用版本的重大更改。

问。随着时间的推移整合其中的一部分？ 答：我（作为 Clarity UI 工程师）建议您在启动下一个 Angular 应用程序时从一开始就完全采用它。否则，您将面临设计系统相互竞争以及风格和用户体验模式相互冲突的风险。

我们不建议将 Clarity 与 Bootstrap 4 一起使用。即使我们的网格基于 Bootstrap 4 的早期 beta 版本。我们希望将来将其作为依赖项删除。