Axure正版代理
北京口耳相传科技有限公司旗下网站

Axure中SVG矢量图标的使用方法及资源推荐

axure培训

本文原作者小楼老师,略有删改。

我们经常需要在原型中使用各种各样的图标,所以往往需要大量的图标素材。并且,为了保证图标缩放不失真,这些素材最好是矢量图。刚好最新的Axure RP 8.0版本支持导入SVG矢量图,可以直接把SVG导入到原型中。

那么,这里就给大家推荐一个SVG图标资源库。

地址:http://www.iconfont.cn/collections/index

这是阿里巴巴的矢量图标库,可以使用新浪微博账号和Github账号登录,登录之后才能够下载图标文件。该图库支持导出SVG,AI,PNG三种格式的文件。

大家在查找图标的时候,可以使用阿里巴巴图标资源库的搜索功能,来搜索心仪的图标。

找到图标之后,我们就可以下载图标了。

点击最下方的橘红色下载按钮,这个时候就弹出了下载界面。

在这个界面中,我们可以调整颜色,选择下载的图标文件格式。

这里我们选择【SVG下载】。

下载下来的图标,可以拖入AxureRP8的画布中,或者在画布中放入图片元件后,双击图片元件导入下载下来的图标。

不过,这个时候的图标在Axure中还不能编辑颜色。

我们需要点中图标,然后在属性中选择【转换SVG图片为形状】。(如果没有这个选项,请升级软件到最新;如果未汉化,请在顶部导航菜单中下载本站的最新版汉化包。)

 

将图片转换为形状之后,我们就可以为图标编辑颜色,不但能够编辑单色,而且可以编辑渐变色。

以上就是为大家推荐的阿里巴巴矢量图标库和图标的使用方法,希望为大家的工作学习带来帮助!

转载请注明出处:Axure中文网 » Axure中SVG矢量图标的使用方法及资源推荐

评论 9

评论前必须登录!

 

  1. #9

    8.0.0.3330加入SVG转换为形状功能,
    没更新的在线更新下个新的就完了

    月月2周前 (11-09)
  2. #8

    这个没有版权问题么,乱用的话?

    迷途的羔羊2个月前 (09-23)
  3. #7

    847945229@qq.com

    Richa2个月前 (09-12)
  4. #6

    mark,这个技能好评

    小市民3个月前 (09-05)
  5. #5

    123456

    嗨眼眸3个月前 (08-28)
  6. #4

    汉化了也没这个功能

    hjd4个月前 (07-12)
  7. #3

    什么版本才有这个操作功能呢,我的没有捏

    eliza_20165个月前 (06-21)
  8. #2

    我的团队版8.0.0.3303 转不了形状

    axure0005个月前 (06-15)
  9. #1

    这个SVG矢量图标和元件库的图标是一样的效果吗?

    Ponyee5个月前 (06-14)

购买Axure RP正版授权 终身可用

购买专业版购买团队版