VMWare-Clarity 设计系统入门

Getting Started with VMWare-Clarity Design System

我希望获得有关如何最好地推动我的公司使用 VMWare 的 Clarity 系统或类似系统的建议。我们应该使用它作为模板吗?叉它?随着时间的推移整合其中的一部分?

到 2018 年第四季度,我们希望:

目前我们在这里:

任何建议都会有所帮助!

Clarity 设计系统由几个部分组成。

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

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

回答你的几个问题。

问。我们应该将其用作模板吗? 答:不,Clarity (@clr/angular) 应该集成到您的 Angular 应用程序中,这样您就可以使用这些组件来构建应用程序。

问。叉它? A. 欢迎您分叉代码,它是开源软件(MIT 许可证)。如果您想了解最新的错误修复和增强功能,但我建议将其集成到一个项目中并跟上增量发布。我们通常会尝试每周发布一次,并至少标注两个版本的破坏性更改。

问。随着时间的推移整合其中的一部分? 答:我(作为 Clarity UI 工程师)建议您在启动下一个 Angular 应用程序时从一开始就完全采用它。否则,您 运行 存在设计系统竞争以及样式和 UX 模式冲突的风险。

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