首页 文章

VMWare-Clarity设计系统入门

提问于
浏览
0

我想建议如何最好地将我的公司转向使用VMWare的Clarity系统,或者非常喜欢它 . 我们应该将它用作模板吗?叉吧?随着时间的推移整合部分内容?

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

  • 有一个体面的设计系统

  • 在Angular 2中发展

  • 使用Bootstrap 4

目前我们在这里:

  • 无设计系统

  • Bootstrap 3.3.7

  • AngularJS

任何建议都会有所帮助!

1 回答

  • 1

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

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

    • @clr/icons - 可以单独使用的图标库 . 这些图标是Web组件,在将其集成到应用程序中后,可以像项目中的任何其他元素一样使用

    • @clr/ui - 独立的html / css以获得清晰的主题组件 . 出于显而易见的原因,更多高级组件(如数据网格或向导)不属于此类

    • @clr/angular - Angular应用程序的清晰度组件 .

    回答你的一些问题 .

    Q. Should we use it as a template? A.不,Clarity(@ clr / angular)应集成到您的Angular应用程序中,以便您可以使用这些组件与它们一起构建应用程序 .

    Q. Fork it? 答:欢迎您使用其开源软件(MIT License)代码 . 如果您想了解最新的错误修复和增强功能,我建议将其集成到项目中并跟上增量版本 . 我们通常尝试每周发布一次,并且标注更改至少两个版本的弃用 .

    Q. Integrate parts of it over time? A.我(作为Clarity UI工程师)会建议您在开始下一个Angular应用程序时从头开始全面采用它 . 如果没有,您将面临竞争设计系统和冲突风格和UX模式的风险 .

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

相关问题