ant-design/docs/spec/principle.md

# 引言

- category: 十大原则
- order: 0
- subtitle: Introduction

---

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

我们借鉴了《写给大家看的设计书》、《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>

#### 中台十大设计原则

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