ant-design/docs/spec/overview.zh-CN.md
二货机器人 fd498a7da5
docs: Design doc (#20754)
* docs: Design doc

* update overview & init data-format

* update data-format doc

* update buttons page

* replace imags

* add data-list doc

* add visualization docs

* update detail

* Update visualization-page.md

* Update detail-page.md

* Update buttons.md (#20843)

* Update data-list.md (#20844)

* data list

* update details

* Update MorePage.tsx (#20965)

* Update MorePage.tsx

* Update visualization-page.md (#20977)

* Update data-list.md (#20980)

* Update detail-page.md (#20981)

* chore: Update RecommendPage.tsx (#20989)

* Update RecommendPage.tsx

* Update RecommendPage.tsx

* Update buttons.md (#21003)

Co-authored-by: yingxirz <inseeing@gmail.com>

* Update buttons.md (#21004)

Co-authored-by: yingxirz <inseeing@gmail.com>

* rm inner link

* hide docs tmp

* fix typo

* adjust doc

Co-authored-by: myeunhyuk <39618466+myeunhyuk@users.noreply.github.com>
Co-authored-by: linye <59957450+ionshaw@users.noreply.github.com>
Co-authored-by: yingxirz <inseeing@gmail.com>
2020-01-20 17:21:29 +08:00

1.5 KiB

category order title
设计模式 0 概览

这是一份动态更新的设计文档,你的阅读和反馈是我们前进的动力。

秉承 Ant Design 设计价值观,针对企业级产品反复出现的设计问题,设计模式给出一般性的解决方案,实现跨应用交互一致性的有效融合。依照设计模式使用 antd 组件设计界面,即减少了不必要的认知成本,又能够提升交互确定性和设计的效率。考虑到需要适应各种独特的业务场景,模式的规则具有一定的灵活性,变不离宗,通过了解设计模式的构建逻辑,可以衍生出更具场景特性的解决方案。设计模式包含以下内容:

原则

基于价值观衍生出的一般设计技巧,包括如何高效组织信息、帮助建立用户与界面的互动等原则性要求。

全局规则

通过规范常见的互动行为,包括导航、数据录入、数据展示、反馈、操作、帮助等,呈现组件元素的标准用法和弹性空间,并了解如何将他们组织在一起来创建良好的体验。

模板文档

基于蚂蚁中台的设计经验,我们总结了表单、列表、数据可视化、详情页、工作台、异常、结果、编辑器几类页面的典型解决方案,介绍每类页面的设计目标、设计技巧以及典型页面内容等,帮助广大设计者可以快速开始构建界面。你还可以在 Ant Design Pro 里在线预览这些典型页面。