logoAnt Design

⌘ K
  • 设计
  • 研发
  • 组件
  • 博客
  • 资源
  • 国内镜像
5.25.0
  • Ant Design
    • 介绍
    • 设计价值观
    • 实践案例
  • 全局样式
    • 色彩
    • 布局
    • 字体
    • 图标
    • 暗黑模式
    • 阴影
  • 设计模式
    • 概览
    • 全局规则
      • 反馈
      • 导航
      • 数据录入
      • 数据展示
      • 数据格式
      • 文案
      • 按钮
      • 数据列表
    • 原则
      • 亲密性
      • 对齐
      • 对比
      • 重复
      • 直截了当
      • 足不出户
      • 简化交互
      • 提供邀请
      • 巧用过渡
      • 即时反应
    • 模板文档
      • 数据可视化页
      • 详情页
  • 设计模式 - 探索
    • 概览
    • 模板文档
      • 表单页
      • 工作台
      • 列表页
      • 结果页
      • 异常页
    • 全局规则
      • 导航
      • 消息与反馈
      • 空状态
  • 可视化
  • 动效
  • 图形化

介绍

相关资源

Ant Design X
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区
loading

蚂蚁集团的企业级产品是一个庞大且复杂的系统,数量多且功能复杂,而且变动和并发频繁,常常需要设计者与开发者能快速做出响应。同时这类产品中存在很多类似的页面以及组件,我们可以通过抽象得到一些稳定且高复用性的内容。

随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁集团体验技术部)经过大量项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 —— Ant Design。基于「自然」、「确定性」、「意义感」、「生长性」四大设计价值观,通过模块化解决方案,降低冗余的生产成本,让设计者专注于更好的用户体验。


设计资源

我们提供完善的设计指引、最佳实践、设计资源和设计工具,来帮助设计者快速产出高质量产品原型。

  • 设计价值观
  • 设计模式
  • 可视化
  • 插画
  • 设计资源
  • Sketch 工具集
  • 文章

前端实现

我们采用 React 封装了一套 Ant Design 的组件库,也欢迎社区其他框架的实现版本。

  • Ant Design of React(官方实现)
  • NG-ZORRO - Ant Design of Angular(社区实现)
  • NG-ZORRO-MOBILE - Ant Design Mobile of Angular(社区实现)
  • Ant Design of Vue(社区实现)
  • Ant Design Blazor(社区实现)
  • San UI Toolkit for Ant Design(社区实现)
  • antizer (ClojureScript)(社区实现)

谁在使用

  • 蚂蚁集团
  • 阿里巴巴
  • 腾讯
  • 百度
  • 口碑
  • 美团
  • 滴滴
  • 饿了么
  • 其他用户

如果你的公司和产品使用了 Ant Design,欢迎到 这里 留言。

社区评价

  • 知乎:如何评价 Ant Design 这个项目?
  • Hacknews: Show HN: Antd – A set of high-quality React components
  • Alligator: Crafting Beautiful UIs in React Using Ant Design
  • 漫谈 Material Design & Ant Design
  • Introduction to Ant Design
  • Build a React App with Ant Design Principles

如何贡献

我们欢迎任何形式的贡献,有任何建议或意见,请给我们 提问。