2016-03-31 14:17:09 +08:00
---
order: 0
2016-07-31 10:17:07 +08:00
title: Ant Design
2016-03-31 14:17:09 +08:00
---
2015-08-22 19:13:06 +08:00
2016-03-10 17:43:54 +08:00
< div style = "text-align:center;background:#FBFBFB;margin:40px 0;" >
2016-07-16 15:02:02 +08:00
< img width = "600" src = "https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png" >
2016-03-10 17:43:54 +08:00
< / div >
2015-08-22 19:13:06 +08:00
2016-03-10 17:43:54 +08:00
在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,给设计师和工程师带来很多困扰和重复建设,大大降低了产品的研发效率。我们(蚂蚁金服体验技术部)经过大量的项目实践和总结,沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计,屏蔽不必要的设计差异和实现成本,解放设计和前端的研发资源。
2015-08-22 19:13:06 +08:00
2016-03-11 15:43:51 +08:00
Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界,将进行 UE 设计和 UI 设计人员统称为『设计者』,利用统一的规范进行设计赋能,全面提高中台产品体验和研发效率。
2015-08-22 20:51:10 +08:00
2016-03-14 16:18:06 +08:00
---
2015-08-22 20:51:10 +08:00
2016-11-23 21:09:42 +08:00
## 设计资源
2015-08-22 20:51:10 +08:00
2016-11-23 21:09:42 +08:00
我们提供完善的设计原则、最佳实践和设计资源文件( Sketch 和 Axure) , 来帮助业务快速设计出高质量的产品原型。
2015-08-22 20:51:10 +08:00
2017-03-24 16:34:17 +08:00
- [设计原则 ](/docs/spec/proximity )
2016-11-23 21:09:42 +08:00
- [设计模式 ](/docs/pattern/navigation )
- [设计资源 ](/docs/resource/download )
2015-11-04 20:30:50 +08:00
2015-08-22 21:08:18 +08:00
## 前端实现
2015-12-25 13:54:47 +08:00
我们采用 [React ](http://facebook.github.io/react/ ) 封装了一套 Ant Design 的组件库,也欢迎社区其他框架的实现版本。
2015-08-22 21:08:18 +08:00
2016-01-14 11:08:25 +08:00
- [Ant Design of React ](/docs/react/introduce )(官方实现)
2017-08-15 23:00:06 +08:00
- < div class = "outside-link" >< a href = "http://ng.ant.design" target = "_blank" > NG-ZORRO - Ant Design of Angular</ a ></ div >
2017-11-14 23:05:51 +08:00
- < div class = "outside-link" >< a href = "https://github.com/FE-Driver/vue-beauty" target = "_blank" > vue-beauty (vue)</ a ></ div >
2017-08-07 22:14:48 +08:00
- < div class = "outside-link" >< a href = "https://github.com/priornix/antizer" target = "_blank" > antizer (ClojureScript)</ a ></ div >
2016-08-04 17:59:07 +08:00
- < div class = "outside-link" >< a href = "https://github.com/idcos/antd-ember" target = "_blank" > antd-ember</ a ></ div >
2017-11-14 23:05:51 +08:00
- < div class = "outside-link" >< a href = "https://github.com/zzuu666/antue" target = "_blank" > antue (vue)</ a ></ div >
2015-08-22 21:08:18 +08:00
2016-11-23 21:09:42 +08:00
## 谁在使用
- [蚂蚁金服 ](http://www.antgroup.com/ )
- [阿里巴巴 ](http://www.alibaba.com/ )
2017-10-12 14:09:17 +08:00
- [腾讯 ](http://www.tencent.com )
- [百度 ](http://www.baidu.com )
2016-11-23 21:09:42 +08:00
- [口碑 ](http://www.koubei.com/ )
- [美团 ](http://www.meituan.com )
- [滴滴 ](http://www.xiaojukeji.com/ )
2017-10-12 14:09:17 +08:00
- [饿了么 ](https://www.ele.me/ )
2016-11-23 21:09:42 +08:00
> 如果你的公司和产品使用了 Ant Design, 欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
2015-08-22 20:51:10 +08:00
## 如何贡献
2016-11-23 21:09:42 +08:00
我们欢迎任何形式的贡献,有任何建议或意见,请给我们 [提问 ](https://github.com/ant-design/ant-design/issues )。