ant-design/docs/spec/principle.zh-CN.md

---
category: 十大原则
order: 0
subtitle: Introduction
title: 引言
---

『好设计比差设计更难发现』，因为好设计是如此的自然，帮助用户轻松的完成目标，以至于用户根本意识不到好设计的存在。

我们借鉴了《写给大家看的设计书》、《Web 界面设计》对设计原则的总结和推理，并结合我们团队的实践和理解，制定了以下十大原则，为『设计者』提供解决具体问题的准则和启示。

> 注：设计原则是对具象设计的抽象和总结，然而产品是一个整体，用户对整个产品的认知也是从全局到局部，所以忽略全局，只在局部套用原则是不可取的。对于这些原则，『设计者』应当理性地学会它，而后勇敢地抛弃它。

---

<div class="resource-cards">
<a target="_blank" href="http://book.douban.com/subject/3323633/" class="resource-card">
  <img src="https://os.alipayobjects.com/rmsportal/SNdJVyZaZwdwJmr.png">
  <span class="resource-card-content">
    <span class="resource-card-title">写给大家看的设计书</span>
    <span class="resource-card-description">作者: Robin Williams</span>
    <span class="resource-card-description">出版社: 人民邮电出版社</span>
  </span>
</a>
<a target="_blank" href="http://book.douban.com/subject/3821157/" class="resource-card">
  <img src="https://os.alipayobjects.com/rmsportal/CoojVXLtoWrUSmI.png">
  <span class="resource-card-content">
    <span class="resource-card-title">Web 界面设计</span>
    <span class="resource-card-description">作者: Bill Scott / Theresa Neil</span>
    <span class="resource-card-description">出版社: 电子工业出版社</span>
  </span>
</a>
</div>

#### Ant Design 十大设计原则

- [亲密性 Proximity](/docs/spec/proximity)
- [对齐 Alignment](/docs/spec/alignment)
- [对比 Contrast](/docs/spec/contrast)
- [重复 Repetition](/docs/spec/repetition)
- [直截了当 Make it Direct](/docs/spec/direct)
- [简化交互 Keep it Lightweight](/docs/spec/lightweight)
- [足不出户 Stay on the Page](/docs/spec/stay)
- [提供邀请 Provide Invitation](/docs/spec/invitation)
- [巧用过渡 Use Transition](/docs/spec/transition)
- [即时反应 React Immediately](/docs/spec/reaction)