美文网首页
结合ICONFONT,建立AXURE常用矢量图标部件库

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

作者: misco | 来源:发表于2017-12-09 18:46 被阅读381次

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

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

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

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

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

    2 创建AXURE部件库

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

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

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

    4 载入部件库

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

    使用演示视频


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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/uydpixtx.html