logoAnt Design

⌘ K
  • 设计
  • 研发
  • 组件
  • 博客
  • 资源
  • 国内镜像
5.25.4
  • 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 开源社区

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

    随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁集团体验技术部)经过大量项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 —— 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

    如何贡献

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