你知道什么是蚂蚁Ant Design吗?其实绝大多数的人并不知道,甚至都没有听过蚂蚁Ant Design,而从事互联网行业中的人,应该多少的会了解一点,本篇文章,Pixso会围绕蚂蚁Ant Design是什么,来为大家深度解析下,也方便大家对蚂蚁Ant Design有清晰的了解。

蚂蚁Ant Design

1. 什么是蚂蚁Ant Design

蚂蚁Ant Design可以简单来说是一个设计系统,但同时它又是一个非常了不起的设计系统,主要是由阿里巴巴集团开发。那么大家肯定知道,蚂蚁集团的B端产品是一个庞大的系统,数量多且功能复杂,而且变动频繁,自然也就对系统和设计上的工作要求会更加严格,基于如此的情况下,为了更好的提升用户体验,蚂蚁集团经过很长的时间,逐步打磨出一个服务于企业级产品的设计体系Ant Design蚂蚁,它对于提升用户体验上非常有帮助。

2. 蚂蚁Ant Design特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。

  • 多种高质量React组件可使用。

  • 通过TypeScript来完成设计构建,同时还可以提供完整的类型定义文件。

  • 支持当下的全链路开发以及流行的设计工具体系。

蚂蚁Ant Design全局样式

3. 蚂蚁Ant Design的优点

  • 蚂蚁Ant Design可以助力初创团队产品快速上线

如果团队有一个产品idea,我们需要通过最少的资源开发此产品并投入到市场中,通过听取用户反馈,验证idea是否可行,快速迭代最终做出更完善的产品。但是现实并非如此。Ant Design提供了一套完整的界面实现方案,有自己成套的代码框架,根据实际的使用情况,可直接拿来使用,并且有效提高开发效率,每个界面组件都已经经过多次的测试,对于提升用户体验上有极大的帮助作用。

蚂蚁Ant Design组件分类

  • 减少设计和开发的不确定性

用Ant Design蚂蚁就能高效的产出高质量的产品,减少设计和开发的不确定性。蚂蚁Ant Design提供的大量功能比较全面且UI风格统一的组件,能帮助开发者快速搭建通用场景下的应用界面。他们的经验积累如此之丰富,足以让这个库支持大部分其他前端开发者的需要。其设计团队给出的设计规范相当详细且经得起推敲,令许多其他团队获益匪浅。

蚂蚁Ant Design对话框组件

  • 节省设计与开发的人力成本

用Ant Design蚂蚁系统提供的设计工具和组件框架能给设计师和开发者减少负担,能用更少的时间呈现给用户体验好的产品。这样带来的好处不仅仅是设计师和开发者觉得少加班成就感高而幸福,他们重新恢复活力和激情能做出更有创意和竞争力的产品,给公司带来更大的收益,这是一个三赢的结局。

蚂蚁Ant Design字体字号

4. 蚂蚁Ant Design的缺点

  • 无法根据业务场景定制组件,灵活度不够

这里要视情况而定,如果公司产品是初创期,而且研发人手不足,那确实没有必要自己造轮子。反之在资源足够的情况下,是有必要设计团队重新做一套属于自己产品的规范组件库的,因为B端自身的业务性决定了市场上没有万能的设计规范,那些设计规范的组件并不能100%满足我们产品的需求。

蚂蚁Ant Design组件分类

  • 组件细节设计有很多问题并没有解决

目前来说,虽然可以以设计来解决一些常见的方案,但是Ant Design蚂蚁仍旧存在一些问题,比如某些组件设计细节仍有不足,而对于产品组件问题的可延展性如果越差的话,所带来的限制也会越多。而蚂蚁Ant Design只需要解决80%企业,80%的通用问题即可。

蚂蚁Ant Design选择框组件

  • 市场中竞品出现同质化严重的问题,无法以视觉来提升自身竞争实力

从当下的市场发展上了解到,已经有相当部分多大产品都在使用蚂蚁Ant Design设计系统,所带来的表现就是同质化现象非常严重。

蚂蚁Ant Design全局样式

推荐使用在线协作设计工具Pixso

蚂蚁Ant Design各方面的能力,在我们的日常设计中,还是可以起到很大的帮助作用,如果你对蚂蚁Ant Design非常感兴趣的话,可以进入Pixso资源社区,直接免费调用Ant Design设计源文件。Pixso集合了UI设计师必备强大设计功能,是一款高效的在线设计协同工具。Pixso资源社区内置腾讯、阿里、字节、今日头条、蚂蚁设计等优秀设计规范,提供海量设计模板和素材,本地化字体资源,及专属私有化部署。

Pixso资源社区