|
|
|
|
---
|
|
|
|
|
category: 十大原则
|
|
|
|
|
order: 0
|
|
|
|
|
subtitle: Introduction
|
|
|
|
|
english: 引言
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
『好设计比差设计更难发现』，因为好设计是如此的自然，帮助用户轻松的完成目标，以至于用户根本意识不到好设计的存在。
|
|
|
|
|
|
|
|
|
|
我们借鉴了《写给大家看的设计书》、《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 in the Page](/docs/spec/stay)
|
|
|
|
|
- [提供邀请 Provide Invitation](/docs/spec/invitation)
|
|
|
|
|
- [巧用过渡 Use Transition](/docs/spec/transition)
|
|
|
|
|
- [即时反应 React Immediately](/docs/spec/reaction)
|
