--- category: Ant Design order: 0 title: 介绍 --- <div style="text-align:center;margin:40px 0;"> <img width="600" src="https://gw.alipayobjects.com/zos/rmsportal/lcamFWetlMgLkLmDUgmZ.png"> </div> 蚂蚁的企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂,而且变动和并发频繁,常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内容。 随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁金服体验技术部)经过大量的项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 Ant Design。基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。 --- ## 设计资源 我们提供完善的设计原则、最佳实践和设计资源文件(Sketch 和 Axure),来帮助业务快速设计出高质量的产品原型。 - [设计原则](/docs/spec/proximity) - [设计模式](/docs/spec/overview) - [设计资源](/docs/spec/download) - [Sketch 工具集](http://kitchen.alipay.com/) ## 前端实现 我们采用 [React](http://facebook.github.io/react/) 封装了一套 Ant Design 的组件库,也欢迎社区其他框架的实现版本。 ```__react import { Icon } from 'antd'; const LinkIcon = () => ( <Icon type="export" className="outside-link-icon" /> ); const LinksList = () => ( <ul> <li> <a href="/docs/react/introduce" target="_blank">Ant Design of React</a> (官方实现) </li> <li> <a href="http://ng.ant.design" target="_blank"> NG-ZORRO - Ant Design of Angular<LinkIcon /> </a> </li> <li> <a href="http://ng.mobile.ant.design" target="_blank"> NG-ZORRO-MOBILE - Ant Design Mobile of Angular<LinkIcon /> </a> </li> <li> <a href="https://github.com/FE-Driver/vue-beauty" target="_blank"> vue-beauty (vue)<LinkIcon /> </a> </li> <li> <a href="https://github.com/priornix/antizer" target="_blank"> antizer (ClojureScript)<LinkIcon /> </a> </li> <li> <a href="https://github.com/idcos/antd-ember" target="_blank"> antd-ember<LinkIcon /> </a> </li> <li> <a href="https://github.com/zzuu666/antue" target="_blank"> antue (vue)<LinkIcon /> </a> </li> <li> <a href="https://github.com/vueComponent/ant-design" target="_blank"> vue-antd-ui - Ant Design of Vue.js 2.5.0+<LinkIcon /> </a> </li> </ul> ); ReactDOM.render(<LinksList />, mountNode); ``` ## 谁在使用 - [蚂蚁金服](http://www.antgroup.com/) - [阿里巴巴](http://www.alibaba.com/) - [腾讯](http://www.tencent.com) - [百度](http://www.baidu.com) - [口碑](http://www.koubei.com/) - [美团](http://www.meituan.com) - [滴滴](http://www.xiaojukeji.com/) - [饿了么](https://www.ele.me/) - [其他用户](https://github.com/ant-design/ant-design/issues/477) > 如果你的公司和产品使用了 Ant Design,欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。 ## 社区评价 - 知乎:[如何评价 Ant Design 这个项目?](https://www.zhihu.com/question/33629737) - Hacknews: [Show HN: Antd – A set of high-quality React components](https://news.ycombinator.com/item?id=13053137) - Alligator: [Crafting Beautiful UIs in React Using Ant Design](https://alligator.io/react/beautiful-uis-ant-design/) - Hackernoon: [Interesting JavaScript Libraries born in China](https://hackernoon.com/interesting-javascript-libraries-born-in-china-d50d1bb81355) - [漫谈 Material Design & Ant Design](http://dwbbb.com/blog/MaterialDesignAntDesign/) ## 如何贡献 我们欢迎任何形式的贡献,有任何建议或意见,请给我们 [提问](https://github.com/ant-design/ant-design/issues)。