2016-02-06 13Axure使用-自定义元件库

经常有很多常用的部件(元件)或者元素,不想每次做原型的时候都重做,就可以自己做部件库加进来。


2016-02-06 13Axure使用-自定义元件库_第1张图片
创建

命名完成后出现以下界面,以一个图片为例创建:

软件会重新打开Axure进行编辑,下图中『新元件1』可以用来命名这个部件。比如『设置图标』等

2016-02-06 13Axure使用-自定义元件库_第2张图片
创建图标部件


推荐阿里矢量图标库,有很多图标可以直接用,并且按照自己需要的尺寸导出。

http://www.iconfont.cn

比如搜索设置,可以看到如下:


2016-02-06 13Axure使用-自定义元件库_第3张图片
阿里矢量图标库

可选择尺寸和格式:


2016-02-06 13Axure使用-自定义元件库_第4张图片
尺寸和格式

回到Axure右键图片框,导入图片:


2016-02-06 13Axure使用-自定义元件库_第5张图片
导入图片

效果如下,可以在右侧自己调整大小和位置:


2016-02-06 13Axure使用-自定义元件库_第6张图片
设置图标

可以添加更多图标:


2016-02-06 13Axure使用-自定义元件库_第7张图片
更多图标

以此类推做好就可以关闭这个窗口了,回到之前的Aure窗口,导入部件库。


2016-02-06 13Axure使用-自定义元件库_第8张图片
载入部件库


2016-02-06 13Axure使用-自定义元件库_第9张图片
选择载入的部件库

可以看到,导入了自己的部件库,大大提升自己做原型的效率。


2016-02-06 13Axure使用-自定义元件库_第10张图片
实现效果

各个页面要用的之后,直接从自己的部件库拖就行,上面的标签页demo parts可以切换其他部件库,不影响原有部件使用,非常方便。

你可能感兴趣的:(2016-02-06 13Axure使用-自定义元件库)