Ant Design原型设计指南
更新时间：2025-01-23 14:41:38
Ant Design 是一种 UI 设计语言，是当前最流行的用于企业产品开发的设计系统，拥有全面的组件库。Ant Design 原型设计指南服务于设计，能够帮助使用者快速产出高质量的产品原型，并且为整个产研团队解决大多数的设计问题。在整个产品设计过程中的重要性不言而喻，接下来本文就与大家来聊聊 Ant Design 原型设计指南那些事，同时与大家分享几个高质量设计模板，一起来看看吧！
1、原型设计指南
Ant Design 是什么
Ant Design 是蚂蚁集团推出的开源设计系统，蚂蚁集团是阿里巴巴、支付宝、花呗等的母公司。由于蚂蚁集团的产品系统规模庞大，为了提升用户体验，设计师和开发人员经过多次实践与总结，创建了 Ant Design，以满足各类项目需求，在产品设计中发挥着重要作用。
Ant Design原型设计原则
Ant Design 原型设计针对 B 端后台系统，承载媒介是 PC 端浏览器，在设计过程中应遵循四大原则，并在工作过程中延伸即可。
- 亲密原则：信息之间关联性越高，所排布的距离就应该越接近
- 对齐原则：在原型设计中，应把界面内的元素进行对齐，引导视觉流向
- 重复原则：指相同的元素在整个界面中的不断重复，可以帮助用户进行元素关联性的识别
- 对比原则：增强视觉效果，使用户能够快速识别到界面内的关键信息
2、Ant Design原型设计模板
Ant Design 网页版设计规范
这是一套浅色版的 Ant Design 网页设计规范，涵盖全局样式、组件分类和组件部分，特全面特细致，啥都有，能满足中后台设计里原型设计的需求，是从即时设计的资源广场来的。而且还有深色版的 Ant Design 网页设计规范可以免费给大家用哦。
Ant Design Pro 页面库
这是 Ant Design 最新、最完整的 Web 端页面库规范哦，里面有登录注册、表单页、列表页、详情页、异常页、个人页这些不同部分的好多设计规范，内容那是相当全面啦，设计者啥时候想用都能参考，可方便了！
Ant UX 页面线框图模板
这是一套 AntUX 页面线框图模板，是用于 web 端的站点地图模板资源。这个资源展示了低保真和线框图的页面布局，还有典型的页面模板。在设计用户流、产品架构、逻辑图的时候都能用。
点击下图即可免费获取 Ant UX 页面线框图模板资源👇
以上就是本文对于 “Ant Design 原型设计指南” 这一话题的详细回答了，总的来讲，Ant Design 原型设计在产品设计里作用可大了，而且设计的时候得遵循 4 个原则，就是亲密原则、对齐原则、重复原则和对比原则。另外呢，还给大家分享了即时设计里的 Ant Design 原型设计模板，对咱理解 Ant Design 原型设计很有帮助。即时设计的资源广场里还有好多优质的原型设计模板，全都能免费复制调用，用起来特简单，大家可以试试哟~