图标画不完,代码敲不完,别担心!Ant Design Pro 都替你做了

之前写的那一篇关于Ant Design的文章反响非常好,我们经过一番精心准备之后这次推出了

Ant Design Pro的原型资源。有些小伙伴可能就有疑问了,都有了Ant Design,为什么还要做Ant Design Pro的原型资源呢?这两者有什么关系和区别呢?

既然说到这了那我就来科普一波~

Ant Design Pro是什么?

Ant DesignAnt Design Pro都属于蚂蚁金服的生态系统,Ant Design Pro官方给的说法是开箱即用的中台前端/设计解决方案,直接把所有的模版打包给你供你使用。

Ant Design和Ant Design pro 区别是什么?

Ant DesignAnt Design pro说的浅显一点就是组件和模板的关系,也可以这样理解Ant Design是基础库而Ant Design pro是它的增强版,直接配套业务组件打包给你,供你使用。

Ant Design更多是着重致力于设计规范和基础组件,如果你是一个产品经理或者是一个设计师,你在向程序员传达想法的时候,肯定会出现理解上的偏差,你跟他说的 A 他理解成了 B ,但如果你们用的是同一套设计规范和基础组件,你表达的 A ,他看到理解的也是 A ,中间不会再出现理解偏差这个问题。(如果你想要更加详细的了解Ant Design可以点击这里)

Ant Design Pro在设计规范和基础组件的基础上升级了,直接提炼出典型模板/业务组件/配套设计资源。你不需要重复设计那些复用性高的业务组件,直接引用集合好的业务组件,省事又省力。

Ant Design Pro 可以用来做什么?

Ant Design Pro面向的人群更多企业的中后台开发,企业的后台产品对界面的设计要求并没有那么严格,因为不是面向大众使用的,一般也不过于追求 UI视觉效果,更多的是需要一些基础性功能,它的对于数据的显示和操作交互要求更高。而Ant Design Pro直接把典型模板/业务组件/配套的设计资源全部给你做齐了,等于说组件全部都封装好了,你只需要按照Ant Design Pro中给到的配套资源和一套基于 React 的中后台管理控制台的脚手架,直接进行搭建就好了,这样可以极大的缩减开发人员的时间成本。

怎么在自己的原型设计中应用这些页面呢?

原型图设计工具平台:http://www.xiaopiu.com

全套Ant Design Pro页面库/组件库:

1、进入 xiaopiu 精选广场的组件库/页面库,搜索「Ant Design Pro」,在搜索出的页面库右下角点击「引用为我的公用库」。(搜索页面库时,记得在右侧切换为web端)

2、或直接进入「Ant Design pro」页面库 ,然后点击右上角的引用按钮~

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

资源分享:

Ant Design Pro 高保真原型资源

Ant Design Pro 组件库

Ant Design Pro 页面库

xiaopiu工坊

作者:Ms.Piu

(0)

相关推荐

  • DW制作带小喇叭、带HOT字样图标的文字滚动代码

    文字滚动,类似网页上的文字通知.今天就为大家分享DW制作带小喇叭.带HOT字样图标的文字滚动代码放发,有需要的朋友快快来学习吧! 方法/步骤 1.打开Adobe Dreamweaver cs5,新建一 ...

  • VS2013中程序怎么做代码分析?

    编写过程序的朋友都知道,写完代码只是走完万里长征的第一步.接下来的步骤,比如说调试.优化等,才是最令人头疼的.要想写出来的程序占用资源少,速度飞快,尽早找出性能瓶颈和资源占用“冤大头”无疑是最重要的. ...

  • 100个图标诞生记 —— 其实,画100个图标也没那么难

    正如咱们网站的口号一样,越努力,越幸运!没错,就是这样的信念,让狼哥@伯毅狼像打了鸡血一样,整个人斗志满满,足足坚持了4个月,在我看来,不仅这100个图标让我折服,坚持本身就是一件非常了不起的事情! ...

  • 一分钟玩转PS路径描边,轻松画图标!(ps教程+psd下载)

    Photoshop的路径工具和钢笔工具,很容易被人忽视,功能其实是很强大的,但是一直很低调.嘻嘻~那今天咱一块唠唠怎么用路径和钢笔,快速绘制UI中的线状图标,这个看了都能做哦!!!!也希望小伙伴能够用 ...

  • 如何让Windows7更新完不会再重新启动系统

    如何让Windows7更新完不会再重新启动系统呢?每次更新之后都需要重启,麻烦!系统更新是Windows中非常重要的一项功能,在 Windows7 中也不例外,它可以通过安装安全补丁和修复最新Bug来 ...

  • 微信小程序一笔画完怎么玩

    微信上有很多好玩的小程序,比如一笔画完,很多人喜欢玩,那么如何来玩呢,这里和大家简单介绍一下个人经验,供大家参考,希望能有所帮助. 操作方法 01 打开微信,然后在小程序窗口中输入一笔画完,这样就能直 ...

  • 如何查看视频完播率,抖音账号如何解绑手机号码

    一.账号问题1.DY账号封了,我想把手机号码和身份证解绑怎么做?目前抖音只支持手机号码解除绑定.先确认抖音是否升级到最新版,然后点击设置中的「账号与安全」-「手机绑定」,即可进行手机号换绑操作.此外还 ...

  • 像素图标绘制技巧

    图标是网页中的常见元素,主要功能是表意,也包含装饰及品牌传递的作用。存储为gif、png等位图格式的图标,称为像素图标,大小通常为16px、24px、32px等。当然像素图标也可以理解为像素风格的图标 ...

  • 用Xcode的代码块提高开发效率的步骤详解

    通过Xcode中的代码块,我们可以只敲几个按键就能将一大串代码写入,下面来看具体操作步骤 1.先将需要编辑的代码写好,比如我要创建一个设置背景颜色的代码块,就这样写<#name#>.bac ...