Ant Design原型设计指南

更新时间：2023-09-13 11:31:40

Ant Design 是一种 UI 设计语言，是当前最流行的用于企业产品开发的设计系统，拥有全面的组件库。Ant Design 服务于设计，能够帮助使用者快速产出高质量的产品原型，并且为整个产研团队解决大多数的设计问题。在整个产品设计过程中的重要性不言而喻，接下来本文就与大家来聊聊 Ant Design 原型设计指南那些事，同时与大家分享几个高质量设计模板，一起来看看吧！

1、指南：Ant Design 是什么

Ant Design 是由蚂蚁集团（阿里巴巴、支付宝、花呗等的母公司）开发的开源设计系统，是一个服务于企业级产品的设计体系。因为蚂蚁集团的产品系统过于庞大，为了给用户带来更好的使用体验，设计师与开发人员经过大量实践与总结，从而创作出了Ant Design，以此来满足各种项目的需求，在产品设计过程中发挥着极大的作用。

2、指南：Ant Design原型设计原则

Ant Design 原型设计针对 B 端后台系统，承载媒介是 PC 端浏览器，在设计过程中应遵循四大原则，并在工作过程中延伸即可。

• 亲密原则：信息之间关联性越高，所排布的距离就应该越接近
• 对齐原则：在原型设计中，应把界面内的元素进行对齐，引导视觉流向
• 重复原则：指相同的元素在整个界面中的不断重复，可以帮助用户进行元素关联性的识别
• 对比原则：增强视觉效果，使用户能够快速识别到界面内的关键信息

3、指南：Ant Design原型设计模板

Ant Design 网页版设计规范

这是一套浅色版的 Ant Design 网页版的设计规范，内容包括全局样式、组件分类与组件部分，非常全面细致，应有尽有，可以满足中后台设计中对于原型的设计需求，来自于即时设计的资源广场，同样还有深色版的 Ant Design 网页版设计规范可以供大家免费使用。

Ant Design Pro 页面库

这是一款 Ant Design 最新最完整的 Web 端页面库规范，包含了登录注册、表单页、列表页、详情页、异常页、个人页等不同部分的多项设计规范，涉及内容十分全面，设计者可以随时进行参考和使用，非常方便。

Ant UX 页面线框图模板

这是一套 web 端站点地图模板资源，作品资源中展示了低保真与线框图的页面布局、典型页面模板，在设计用户流、产品架构、逻辑图的时候可以使用到该作品资源。

以上就是本文对于 “Ant Design 原型设计指南” 这一话题的详细回答了，总的来说，Ant Design 原型设计在产品设计的过程中发挥着重要的作用，同时在设计过程中需要遵循 4 大原则，分别是亲密原则、对其原则、重复原则与对比原则。除此之外还与大家分享了来自于即时设计的 Ant Design 原型设计模板，对于我们理解 Ant Design 原型设计有着很大的帮助。同时即时设计的资源广场内还有更多的优质原型设计模板，全部支持免费复制调用，使用方式非常简单，不妨尝试一下。