Ant Design原型设计指南

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

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

1、指南:Ant Design 是什么

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

antdesign原型设计

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

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

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

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

Ant Design 网页版设计规范

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

antdesign,antdesign原型设计指南

Ant Design Pro 页面库

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

Ant UX 页面线框图模板

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

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