From 39af7b330c532edabfddb6baea3e57ba3ad2adc8 Mon Sep 17 00:00:00 2001 From: c0dedance <38075730+c0dedance@users.noreply.github.com> Date: Fri, 15 Apr 2022 21:21:53 +0800 Subject: [PATCH] docs: fix overview content (#35055) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * docs: 修复中文文档没有与英文文档同步的问题 * Apply suggestions from code review * Apply suggestions from code review * Apply suggestions from code review * Apply suggestions from code review Co-authored-by: afc163 --- docs/spec/overview.zh-CN.md | 27 ++++++++++++++++++++------- 1 file changed, 20 insertions(+), 7 deletions(-) diff --git a/docs/spec/overview.zh-CN.md b/docs/spec/overview.zh-CN.md index 3c91e39684..45a8f761f6 100644 --- a/docs/spec/overview.zh-CN.md +++ b/docs/spec/overview.zh-CN.md @@ -6,16 +6,29 @@ title: 概览 > 这是一份动态更新的设计文档，你的阅读和反馈是我们前进的动力。 -秉承 [Ant Design 设计价值观](/docs/spec/values)，针对企业级产品反复出现的设计问题，设计模式给出一般性的解决方案，实现跨应用交互一致性的有效融合。依照设计模式使用 [antd 组件](/docs/react/introduce)设计界面，既减少了不必要的认知成本，又能够提升交互确定性和设计的效率。考虑到需要适应各种独特的业务场景，模式的规则具有一定的灵活性，万变不离其宗，通过了解设计模式的构建逻辑，可以衍生出更具场景特性的解决方案。设计模式包含以下内容： +在企业级业务中使用设计模式，可以显着增加研发团队的确定性，节省不必要的设计，保持系统一致性，让设计师专注于创意最需要的地方。 -### 原则 +设计模式遵循 Ant Design 设计价值观，并为企业产品中反复出现的设计问题提供通用解决方案。设计者可以直接使用设计模式来完成界面设计，也可以以设计模式为出发点，衍生出更加针对业务的解决方案，以满足个性化的设计需求。 -基于价值观衍生出的一般设计技巧，包括如何高效组织信息、帮助建立用户与界面的互动等原则性要求。 +同时，这是一份动态更新的设计文档，您的阅读和反馈是我们前进的动力，[Github 反馈地址](https://github.com/ant-design/ant-design/issues)。 -### 全局规则 +## 框架信息 -通过规范常见的互动行为，包括导航、数据录入、数据展示、反馈、操作、帮助等，呈现组件元素的标准用法和弹性空间，并了解如何将他们组织在一起来创建良好的体验。 +![结构图](https://gw.alipayobjects.com/zos/rmsportal/NyWYOFQxJYElAwtUfSdv.png) -### 模板文档 +完整的设计模式将包括模板、组件 (ETC) 和通用概念的示例： -基于蚂蚁中台的设计经验，我们总结了表单、列表、数据可视化、详情页、工作台、异常、结果、编辑器几类页面的典型解决方案，介绍每类页面的设计目标、设计技巧以及典型页面内容等，帮助广大设计者可以快速开始构建界面。你还可以在 [Ant Design Pro](https://pro.ant.design/index-cn) 里在线预览这些典型页面。 +- 功能示例：由多个模板组成，以启发用户如何使用和构建一个通用功能。 +- 模板：一个页面级示例，启发用户如何在系统中构建典型页面，例如详细信息页面。 +- 组件 + - 基本组件：系统的最基本元素，例如按钮和分页器。 + - 业务组件/模块：块级示例，通常由多个组件组成，例如 PageHeader 通用标题。 +- 一般概念：保证 ETC 系统化的一些约定，例如排版、字体和文案。 + +## 资源 + +我们与工程师合作，将设计模式转化为可重用的代码，最大限度地提高您的生产力和沟通效率。 + +- [Ant Design Pro](https://pro.ant.design/)：具有 20 多个模板和 10 多个业务组件的开箱即用解决方案 +- [React 官方实现](/components/overview/)：Ant Design 的 React UI 库拥有 60 多个基础组件。 +- [Axure 设计库](http://library.ant.design/)：代码中包含 Axure 资源包，使您的原型看起来像一个视觉草稿，包括模板、组件等。