设计文章 > B端设计系统ArcoDesign和AntDesign的区别

B端设计系统ArcoDesign和AntDesign的区别

更新时间：2024-04-08 21:26:01

B 端设计系统 AntDesign 和 ArcoDesign 的区别都是什么呢？作为目前非常受欢迎的两款设计系统，AntDesign 和 ArcoDesign 在设计资源和设计理论方面都为设计师提供了非常多的帮助，但这两者之前其实也是存在着一些出区别的，小编今天就从设计理念、功能特点以及实际应用效果 3 个方面为大家具体介绍一下它们的不同。

arco design

1、设计理念的区别

  • AntDesign

AntDesign 强调设计的简洁性和实用性，具体应用在设计过程中会比较多的出现网格、点线等平面设计元素，在一些强调简洁性设计的作品中灵活应用可以收获不错的效果。小编个人建议极简作品创作时可以了解一下，除此之外，AntDesign 也非常重视用户体验和视觉效果，可以为用户带来最佳使用体验。

  • ArcoDesign

ArcoDesign 相比之下会更倾向于设计感和创新性，如果说 AntDesign 更重视用户体验那 ArcoDesign 就可以说更强调使用效果，它多数使用曲线、弧形等设计元素，能更精准地突出设计感，并且在这个基础上，保证用户使用时能具有最高的互动效果，维持参与度。

2、功能特点的区别

  • AntDesign

AntDesign 中的设计组件非常多，而且涵盖种类充足，对一些高级设计师来说还有专业定制组件可选，使用起来非常灵活方便，而且也可以降低设计师的设计难度。

  • ArcoDesign

ArcoDesign 同样也具备丰富的设计组件，但和 AntDesign 相比，ArcoDesign 的组件重点是在场景化设计上，比如工作台、个人中心、消息通知等方面，在匹配上对应的动效设计，可以创造出非常多的交互界面。

3、实际应用效果的区别

  • AntDesign

AntDesign 实际应用的灵活性和兼容性会更强，因为其本身就支持 React 和 Vue 两种技术栈，所以给设计师的变动余地也很大，设计师可以直接进行主题风格创新，保证产品的最终效果和公司品牌形象或者客户要求高度一致。

  • ArcoDesign

ArcoDesign 和 AntDesign 一样，都是基于 React 框架进行开发的设计系统，但和前者不同的是，它还多了 Angular 和 Vue 两种技术栈，在适用范围上会比 AntDesign 更广，也更利于设计师二次完善和修改。

以上，就是关于 “ Arco design ” 的全部内容，本文为大家简单介绍了一下 AntDesign 和 ArcoDesign 不同之处，大家可以根据文章中的内容进行对应设计系统的选取。但因为文章篇幅原因，还有很多内容小编没办法为大家具体展示，如果有需要的话，大家还可以关注即时设计公开课，免费了解最新最全的专业系统课程！