VMWare-Clarity设计系统入门

Question

我想了解如何最好地将我的公司转向使用VMWare的Clarity系统，或者非常喜欢它。我们应该将它用作模板吗？叉吧？随着时间的推移整合它的一部分？

到2018年第四季度，我们想：

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

目前我们在这里：

• 无设计系统
• Bootstrap 3.3.7
• AngularJS

任何建议都会有所帮助！

Answer 1

清晰度设计系统由几个部分组成。

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

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

回答你的一些问题。

问。我们应该将它用作模板吗？ 答：不，Clarity（@ clr / angular）应集成到您的Angular应用程序中，以便您可以使用这些组件与它们一起构建应用程序。

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

问。随着时间的推移整合部分内容？ A.我（作为Clarity UI工程师）会建议您在开始下一个Angular应用程序时从头开始全面采用它。如果没有，您将面临竞争设计系统以及冲突的样式和UX模式的风险。

我们不建议将Clarity与Bootstrap 4一起使用。尽管我们的网格基于较早的Beta版Bootstrap 4.我们希望将其删除为未来的依赖项。