logoMogu Design

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

介绍

设计价值观

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

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


设计资源

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

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

前端实现

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

  • Mogu 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)(社区实现)

谁在使用

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

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