|
|
|
|
# 特性
|
|
|
|
|
|
|
|
|
|
- category: 1
|
|
|
|
|
- order: 1
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<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 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。
|
|
|
|
|
|
|
|
|
|
在中台设计中，我们模糊了产品经理、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界，将进行体验设计和界面设计人员统称为『设计者』，并为其提供一系列工具和服务来支持他们进行业务创新。
|
|
|
|
|
|
|
|
|
|
## 三大特性
|
|
|
|
|
|
|
|
|
|
<div style="margin-left:-40px;margin-right:-40px;">
|
|
|
|
|
<div class="col-8 features">
|
|
|
|
|
<img src="https://os.alipayobjects.com/rmsportal/OVirOHTeAdzDBuQ.png">
|
|
|
|
|
<h5>微小</h5>
|
|
|
|
|
<div>致力于微小而美好的改变，力求在细节上精益求精，不仅让业务产品更加实用和可靠，而且还能让『用户』感到小惊喜。</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-8 features">
|
|
|
|
|
<img src="https://os.alipayobjects.com/rmsportal/iJbUiLYpuPBXUhV.png">
|
|
|
|
|
<h5>确定</h5>
|
|
|
|
|
<div>通过制定通俗而科学的规则、运用面向对象的方法、使用一致的文档沟通机制，给予研发团队一种高确定性、低熵值的研发状态。</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="col-8 features">
|
|
|
|
|
<img src="https://os.alipayobjects.com/rmsportal/uSOjjlCRjRIhtIY.png">
|
|
|
|
|
<h5>幸福</h5>
|
|
|
|
|
<div>不苛求简单，但是力求让『用户』和『设计者』流畅的完成目标，并带着成功和满足离开。</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
.features {
|
|
|
|
|
padding: 40px;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
}
|
|
|
|
|
.features h5 {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin-top: 16px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
## 微小
|
|
|
|
|
|
|
|
|
|
### 微创新
|
|
|
|
|
|
|
|
|
|
<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
|
|
|
|
|
|
|
|
|
|
『不同』不一定『更好』，但是『更好』一定『不同』。不断追求细节上的『更好』，使得我们的组件和同类产品都不一样，自然而然的『不同』。
|
|
|
|
|
|
|
|
|
|
### 集成创新
|
|
|
|
|
|
|
|
|
|
<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
|
|
|
|
|
|
|
|
|
|
选择合适的组件进行组合和集成，形成优势互补的创新过程，来满足多变的业务需求。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## 确定
|
|
|
|
|
|
|
|
|
|
### 面向对象的方法
|
|
|
|
|
|
|
|
|
|
<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
|
|
|
|
|
|
|
|
|
|
探索设计规律，并将其抽象成『对象』，增强界面设计的灵活性和可维护性，同时也减少『设计者』的主观干扰，从而降低系统的不确定性。
|
|
|
|
|
|
|
|
|
|
### 通俗科学的规则
|
|
|
|
|
|
|
|
|
|
详见『十大原则』。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## 幸福
|
|
|
|
|
|
|
|
|
|
### 用户的幸福
|
|
|
|
|
|
|
|
|
|
<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
|
|
|
|
|
|
|
|
|
|
漂亮的组件、精致的排版、流畅的动画等的元素，使用户在『本能层次』中产生积极反应；
|
|
|
|
|
|
|
|
|
|
良好的功能、性能和可用性，使用户在『行为层次』中产生积极反应；
|
|
|
|
|
|
|
|
|
|
自我形象、个人满足和美好记忆，使用户在『反思层次』中体验思想和情感的交融。
|
|
|
|
|
|
|
|
|
|
### 设计者的幸福
|
|
|
|
|
|
|
|
|
|
<img class="preview-img" align="right" src="https://os.alipayobjects.com/rmsportal/IRjHVNFWRlCMdnb.png">
|
|
|
|
|
|
|
|
|
|
从『无』到『有』时，提供一整套设计解决方案，帮助『设计者』将商业想法快速形成产品并推向市场，快速、低成本试错。
|
|
|
|
|
|
|
|
|
|
从『有』到『优』时，提供一系列自定义建议，帮助『设计者』塑造产品个性并提升整体体验，服务海量用户。
|
