Axure原型教程-SVG矢量图标的使用方法及资源推荐

我们经常需要在原型中使用各种各样的图标,所以往往需要大量的图标素材。并且,为了保证图标缩放不失真,这些素材最好是矢量图。刚好最新的Axure 9 版本支持导入SVG矢量图,可以直接把SVG导入到原型中。公众号里可自行下载最新版本axure,附带汉化文件,激活码。Windows、Mac都有哦~

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

地址:https://www.iconfont.cn/

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

Axure原型教程-SVG矢量图标的使用方法及资源推荐_第1张图片

2.找到图标后,我们就可以下载图标啦!!选中图标,点击下载即弹出下载界面。

Axure原型教程-SVG矢量图标的使用方法及资源推荐_第2张图片

3.这就是下载界面惹, 选择心仪的样式后可以下载SVG源文件,也可以复制SVG到axure里面;

Axure原型教程-SVG矢量图标的使用方法及资源推荐_第3张图片

4.复制过来后,这个时候的图标在Axure中还不能编辑颜色;需要选中图标-右键-变换图片-转换SVG图片为形状;

Axure原型教程-SVG矢量图标的使用方法及资源推荐_第4张图片

5.好了,现在图片就成为了一个原型元件,自己也可以组件喜欢的元件库哈~

你可能感兴趣的:(Axure原型教程-SVG矢量图标的使用方法及资源推荐)