2016-02-06 13Axure使用-自定义元件库
2017-02-06 本文已影响51人
竹杖实验室
经常有很多常用的部件(元件)或者元素,不想每次做原型的时候都重做,就可以自己做部件库加进来。
![](https://img.haomeiwen.com/i304902/1079fb3ced469afd.png)
命名完成后出现以下界面,以一个图片为例创建:
软件会重新打开Axure进行编辑,下图中『新元件1』可以用来命名这个部件。比如『设置图标』等
![](https://img.haomeiwen.com/i304902/dafa41989296aa79.png)
推荐阿里矢量图标库,有很多图标可以直接用,并且按照自己需要的尺寸导出。
http://www.iconfont.cn
比如搜索设置,可以看到如下:
![](https://img.haomeiwen.com/i304902/a2a97a3d4c7f8ec3.png)
可选择尺寸和格式:
![](https://img.haomeiwen.com/i304902/4c8987f6bad2f441.png)
回到Axure右键图片框,导入图片:
![](https://img.haomeiwen.com/i304902/9fc699ed8ee376e5.png)
效果如下,可以在右侧自己调整大小和位置:
![](https://img.haomeiwen.com/i304902/c979437ddcf7bf88.png)
可以添加更多图标:
![](https://img.haomeiwen.com/i304902/a4957fbbfd3605f8.png)
以此类推做好就可以关闭这个窗口了,回到之前的Aure窗口,导入部件库。
![](https://img.haomeiwen.com/i304902/48be04fcb74a2160.png)
![](https://img.haomeiwen.com/i304902/baf3249341486587.png)
可以看到,导入了自己的部件库,大大提升自己做原型的效率。
![](https://img.haomeiwen.com/i304902/9f53b8bb4767ff12.png)
各个页面要用的之后,直接从自己的部件库拖就行,上面的标签页demo parts可以切换其他部件库,不影响原有部件使用,非常方便。