结合ICONFONT,建立AXURE常用矢量图标部件库

结合ICONFONT,建立AXURE常用矢量图标部件库_第1张图片

AXURE RP 8.1新增了SVG格式转形状的功能,这么一个小功能却能带来很大的效率提升,结合ICONFONT,通过这个功能我们可以建立起自己的常用矢量图标库;

在平时的原型设计过程中,为了能够让设计的原型更能表达我们的设计意图,提高设计评审的效率,常常需要在原型设计中使用切合场景的ICON,一般的做法是在ICONFONT上搜索想要的ICON,然后添加到原型中,这也是我之前比较常用的一种方式,但这种方式存在一个缺点就是效率很低,而且建立起自己的图标库会很困难,而8.1版本新增的SVG格式转形状的功能能够帮我们建立一个规范的高效的图标部件库。

1 在ICONFONT上将比较常用的图标加入购物车

ICONFONT提供了一个购物车的功能,可以方便我们对想要的图标进行批量操作

结合ICONFONT,建立AXURE常用矢量图标部件库_第2张图片

这里选择下载SVG格式,颜色建议选取灰色。

2 创建AXURE部件库

新建一个AXURE部件库文件,将下载下来的SVG图标,逐个添加进部件库,通过右侧属性栏“转换SVG图片为形状”,这里我们给部件库设置了一个尺寸大小的规范:30x30,然后将每一个转换为形状的图标放置在这个尺寸规范中。

结合ICONFONT,建立AXURE常用矢量图标部件库_第3张图片

3 优化搜索,提供检索效率

AXURE中的部件库是通过名称关键词搜索的,所以在图标库个数达到一定数量后,会遇到查找效率低的问题,所以这里我们事先给每一个图标添加尽可能相关的关键词名称,以优化搜索

结合ICONFONT,建立AXURE常用矢量图标部件库_第4张图片

4 载入部件库

最后将制作好的部件库载入,便可使用了。初期的部件库可能不会很完善,还需要我们在以后的原型设计中,多多的补充完善,这样逐步建立起适合自己的顺手的高效图标组件库

使用演示视频



AXURE矢量图标部件库演示视频

你可能感兴趣的:(结合ICONFONT,建立AXURE常用矢量图标部件库)