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

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

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

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

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

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

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

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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 01.关于Axure元件使用的一些建议。 从元件库中找元件是非常麻烦的一件事,而且不方便对相关元件进行修改。个人建...
    超哥Leo阅读 6,544评论 1 2
  • 说明:本文同步发表于个人博客。 与用户对接软件项目需求时,有一个初步的原型投影在会议室,能极大地提高甲乙双方对需求...
    UCM地下工作者阅读 12,078评论 1 13
  • 一、Axure界面介绍 1、页面导航面板(Pages) Axure的页面管理采用类似操作系统的文件夹和页面文件的管...
    落霞__孤鹜阅读 56,020评论 7 46
  • 今天去听了获奖老师的课程,这些老师的课与我们传统的课堂有很大的差别。新型课堂,以学生为主,小组合作,讨论问题,得出...
    水墨丹清_e839阅读 1,441评论 1 1
  • 今天扫了一下新闻,欧冠曼联被淘汰了。 联赛差曼城太远,从锦标来说,也许这是最不成功的穆二期。 我是穆里尼奥的球迷,...
    铁匠826阅读 1,540评论 0 0

友情链接更多精彩内容