axure⼯具antdesign_AntDesign资源库介绍-Axure部件库使⽤过Axure或者正在学习Axure的朋友们应该知道,Axure是很强⼤的界⾯设计⼯具,不懂前端代码的⼈可以⽤它做基础的⽹页界⾯,懂前端代码的⼈更是可以利⽤Axure做出⾮常漂亮的、动效的⾼保真界⾯原型。在这个知识共享的时代,别什么都傻傻从底层做起,我这就给⼤家介绍⼀款强⼤的Axure部件库:
1、打开AntDesing官⽹
2、点击顶部的“资源”菜单,可看到很多资源,其中就包括我们需要的AntDesign Library资源
3、点击紫⾊的AntDesign Library图标,进⼊下载页,我们下载最新的3.0版本,下载完成后进⾏解压,即可看到rplib⽂
件“AntDesign3.9.x_Axure_20180903.rplib”
4、打开axure软件,在元件库处点击“载⼊原件库”
5、打开你放置rplib⽂件的路径,并选中该⽂件后,点击“打开”,这样我们就添加了AntDesign Library
6、选择该库⽂件进⾏查看,我们就可以看到很多元素,包括布局、⼩⼯具、导航等等
7、这⾥我打开信息版中的分析页给⼤家看⼀下,基本包含了需要的设计元素,是不是很⽅便,我们就可以对⾥⾯的元素进⾏任意修改啦!
8、然后我们直接发布-⽣成html界⾯,看看它的⼀个基础效果,我们可以看到⼀个很完整的界⾯
ant安装包
9、我们接下来看⼀下这个界⾯的代码,是不是⼀⽬了然,懂代码的朋友们可以直接⽤编辑器进⾏修改后保存即可⽣效,不懂代码的朋友们就⽤Axure⼯具进⾏修改后再重新⽣成吧!⽐如,直接在⼀级导航的span处加⼊style,颜⾊变为红⾊,然后保存即可显⽰需要的效果了!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论