2017-12-22 17:49:38 +08:00
|
|
|
---
|
2019-12-26 15:27:52 +08:00
|
|
|
category: 设计模式
|
2017-12-22 17:49:38 +08:00
|
|
|
order: 0
|
2018-10-15 00:04:40 +08:00
|
|
|
title: 概览
|
2017-12-22 17:49:38 +08:00
|
|
|
---
|
|
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
> 这是一份动态更新的设计文档，你的阅读和反馈是我们前进的动力。
|
2017-12-25 22:15:35 +08:00
|
|
|
|
2021-02-06 23:08:42 +08:00
|
|
|
秉承 [Ant Design 设计价值观](/docs/spec/values)，针对企业级产品反复出现的设计问题，设计模式给出一般性的解决方案，实现跨应用交互一致性的有效融合。依照设计模式使用 [antd 组件](/docs/react/introduce)设计界面，既减少了不必要的认知成本，又能够提升交互确定性和设计的效率。考虑到需要适应各种独特的业务场景，模式的规则具有一定的灵活性，万变不离其宗，通过了解设计模式的构建逻辑，可以衍生出更具场景特性的解决方案。设计模式包含以下内容：
|
2017-12-25 22:15:35 +08:00
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
### 原则
|
2017-12-25 22:15:35 +08:00
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
基于价值观衍生出的一般设计技巧，包括如何高效组织信息、帮助建立用户与界面的互动等原则性要求。
|
2017-12-25 22:15:35 +08:00
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
### 全局规则
|
2017-12-25 22:15:35 +08:00
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
通过规范常见的互动行为，包括导航、数据录入、数据展示、反馈、操作、帮助等，呈现组件元素的标准用法和弹性空间，并了解如何将他们组织在一起来创建良好的体验。
|
2018-01-05 11:17:41 +08:00
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
### 模板文档
|
2017-12-25 22:15:35 +08:00
|
|
|
|
2020-01-20 17:21:29 +08:00
|
|
|
基于蚂蚁中台的设计经验，我们总结了表单、列表、数据可视化、详情页、工作台、异常、结果、编辑器几类页面的典型解决方案，介绍每类页面的设计目标、设计技巧以及典型页面内容等，帮助广大设计者可以快速开始构建界面。你还可以在 [Ant Design Pro](https://pro.ant.design/index-cn) 里在线预览这些典型页面。
|
