SVG矢量图图标资源与使用方法

AxureRP8.0教程 小楼一夜听春语 3957℃ 0评论

我们经常需要在原型中使用各种各样的图标,所以往往需要大量的图标素材。

并且,为了保证图标缩放不失真,这些素材最好是矢量图。

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

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

这是阿里巴巴的矢量图标库,可以使用新浪微博账号和Github账号登录,登录之后才能够下载图标文件。

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

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

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

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

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

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

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

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

 

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

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

 


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » SVG矢量图图标资源与使用方法

喜欢 (21)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(5)个小伙伴在吐槽
  1. 为什么我看不到这个选项
    fjh1312017-05-26 15:43 回复
    • 小楼一夜听春语
      升级软件到最新
      小楼一夜听春语2017-05-26 21:39 回复
      • 3338-正式版有【转换SVG图片为形状】这个选项吗?
        002017-06-07 11:10 回复
        • 小楼一夜听春语
          当然
          小楼一夜听春语2017-06-07 21:08 回复
  2. 老师,我下载的是图标的SVG格式,但是为什么放到画布中选中时属性那儿显示的是矩形,而且是最新版本,没有转换SVG图片为形状这个选项是怎么回事呢?
    roar2017-07-24 11:38 回复