ant-design/docs/spec/principle.en-US.md

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

“It is more difficult to find good design than bad ones. ” Because good design are so natural, it can help users to easily meet the targets, so that the users are not aware of the existence of good design.

After referring to the summary and reasoning of design principles from The Non-Designer’s Design Book” and “Designing Web Interfaces”, and combining with our practice and understanding of the team, we developed the following ten principles, which provide specific criteria and enlightenment of the solutions to problem for designers.

> Note: the design principle is the abstraction and summary of representational design. However, users’ perception of the entire product is from global aspect to local aspect. So it is not desirable to ignore the full picture and only use partial principles. For the design principles, designers should learn them rationally, and then abandon them bravely.

---

<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)