Ant Design介绍

1、Ant Design设计语言和组件库
蚂蚁金服体验技术部经过大量的项目实践和总结，沉淀出设计语言 Ant Design，这可不单纯只是设计原则、控件规范和视觉尺寸，还配套有前端代码实现方案。也就是说采用Ant Design后，UI设计和前端界面研发可同步完成，效率大大提升。目前有阿里、美团、滴滴、采用。Ant Design有Web版和Moblie版。

Paste_Image.png

Ant Design Web版： https://ant.design/index-cn
Ant Design Mobile版： https://mobile.ant.design/index-cn

2、Ant Motion（动效解决方案）
Ant Design里的前端代码实现方案可不是搭建静态的界面这么简单，还包含动效的解决方案，也提供动效设计风格和原则，要知道大部分动效做不出来的场景，都是因为设计师方案和研发代码实现存在一定的鸿沟，有了Ant Motion完整的解决方案，设计和研发工程师沟通协作无障碍，动效实现将会非常轻松。

Paste_Image.png

Ant Motion： https://motion.ant.design/
3、AntD Library（Ant Design官方Axure控件库）
其实类似于Ant Design的设计语言搭配前端实现方案的也不止支付宝这一家，但是牛逼的是支付宝还将Ant Design做成了Axure控件库并公开下载，Web和Mobile全都有，简直是造福行业，功德无量。

Paste_Image.png

AntD Library下载地址： http://library.ant.design/
4、AntUX（站点地图模板）
除了Axure控件库以外，还提供Axure、Sketch、OmniGraffle三种格式的站点地图模板。提升流程图、站点地图、产品整体结构图的绘制效率。据悉，未来还会提供Illustrator版本。

Paste_Image.png

AntUX下载地址： http://ux.ant.design/
5、Ant V（可视化图表解决方案）
可视化图表能让复杂的逻辑和臃肿的数字变动更清晰更容易理解，Ant V对不同的图表类型提供了详细的介绍、案例和使用建议，并总结出图表设计原则和相关文献推荐，所有的图表的Web和Moblie前端实现方案也一应俱全。

Paste_Image.png

Ant V： https://antv.alipay.com/index.html