mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 11:10:01 +08:00
update design docs
This commit is contained in:
parent
6e13535919
commit
f9b33a9f09
@ -78,7 +78,10 @@ import 'antd/lib/index.css'; // or 'antd/style/index.less'
|
||||
## 谁在使用
|
||||
|
||||
- 蚂蚁金服
|
||||
- 阿里巴巴
|
||||
- 口碑
|
||||
- 新美大
|
||||
- 滴滴
|
||||
|
||||
> 如果你的公司和产品使用了 Ant Design,欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
|
||||
|
||||
|
@ -5,15 +5,7 @@
|
||||
|
||||
---
|
||||
|
||||
<div style="text-align:center;background:#FBFBFB;margin:40px 0;">
|
||||
<img align="middle" width="600" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png">
|
||||
</div>
|
||||
|
||||
Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。
|
||||
|
||||
在中台设计中,我们模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界,将进行体验设计和界面设计人员统称为『设计者』,并为其提供一系列工具和服务来支持他们进行业务创新。
|
||||
|
||||
## 特性
|
||||
使 Ant Design 与众不同的一点是,这是一个同时追求『用户』和『设计者』体验的规范,也让三大特性都以人为本。
|
||||
|
||||
<div style="margin-left:-40px;margin-right:-40px;">
|
||||
<div class="col-8 features">
|
||||
@ -24,7 +16,7 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
|
||||
<div class="col-8 features">
|
||||
<img src="https://os.alipayobjects.com/rmsportal/iJbUiLYpuPBXUhV.png">
|
||||
<h5>确定</h5>
|
||||
<div>通过制定通俗而科学的规则、运用面向对象的方法、使用一致的文档沟通机制,给予研发团队一种高确定性、低熵值的研发状态。</div>
|
||||
<div>制定通俗而科学的规则、运用面向对象的方法、使用一致的文档沟通机制,给予研发团队一种高确定性、低熵值的研发状态。</div>
|
||||
</div>
|
||||
<div class="col-8 features">
|
||||
<img src="https://os.alipayobjects.com/rmsportal/uSOjjlCRjRIhtIY.png">
|
||||
@ -80,7 +72,7 @@ Ant Design 是一个致力于提升『用户』和『设计者』使用体验的
|
||||
|
||||
探索设计规律,并将其抽象成『对象』,增强界面设计的灵活性和可维护性,同时也减少『设计者』的主观干扰,从而降低系统的不确定性。
|
||||
|
||||
### 通俗科学的规则
|
||||
### 通俗而科学的设计原则
|
||||
|
||||
详见[『十大原则』](./principle)。
|
||||
|
||||
|
@ -5,16 +5,21 @@
|
||||
|
||||
---
|
||||
|
||||
Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。
|
||||
<div style="text-align:center;background:#FBFBFB;margin:40px 0;">
|
||||
<img align="middle" width="600" src="https://os.alipayobjects.com/rmsportal/mgesTPFxodmIwpi.png">
|
||||
</div>
|
||||
|
||||
Ant Design 源自蚂蚁金服体验技术部的中台产品开发。在中台产品设计中,通常有很多类似的页面和控件,不同的产品会出现不同的规范和实现,给设计师和工程师带来很多困扰和重复建设,降低企业中台的整体研发效率。我们的设计师和前端工程师经过大量的项目实践和总结,希望能沉淀出一套企业级的交互视觉规范,统一中台项目的前端 UI 设计,屏蔽各种不必要的设计差异和前端实现成本,解放设计和前端开发资源。
|
||||
在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,给设计师和工程师带来很多困扰和重复建设,大大降低了产品的研发效率。我们(蚂蚁金服体验技术部)经过大量的项目实践和总结,沉淀出一个中台设计语言 Ant Design。旨在统一中台项目的前端 UI 设计,屏蔽不必要的设计差异和实现成本,解放设计和前端的研发资源。
|
||||
|
||||
整套设计规范还在持续整理和完善中。
|
||||
Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言,模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界,将进行 UE 设计和 UI 设计人员统称为『设计者』,利用统一的规范进行设计赋能,全面提高中台产品体验和研发效率。
|
||||
|
||||
## 谁在使用
|
||||
|
||||
- 蚂蚁金服
|
||||
- 阿里巴巴
|
||||
- 口碑
|
||||
- 新美大
|
||||
- 滴滴
|
||||
|
||||
> 如果你的公司和产品使用了 Ant Design,欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
|
||||
|
||||
|
@ -2,6 +2,7 @@
|
||||
|
||||
- category: 十大原则
|
||||
- order: 0
|
||||
- subtitle: Introduction
|
||||
|
||||
---
|
||||
|
||||
|
@ -6,7 +6,7 @@
|
||||
|
||||
---
|
||||
|
||||
『物理位置的接近意味着存在关联』,也就是说如果信息之间关联性越高,它们之间的距离就应该越接近,也越像一个视觉单元;反之,则它们的距离就应该越远,也越像多个视觉单元。亲密性的根本目的是实现**组织性**,让用户对页面结构和信息层次一目了然。
|
||||
如果信息之间关联性越高,它们之间的距离就应该越接近,也越像一个视觉单元;反之,则它们的距离就应该越远,也越像多个视觉单元。亲密性的根本目的是实现**组织性**,让用户对页面结构和信息层次一目了然。
|
||||
|
||||
## 纵向间距关系
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user