Axure中SVG矢量图标的使用方法
我们经常需要在原型中使用各种各样的图标,所以往往需要大量的图标素材。并且,为了保证图标缩放不失真,这些素材最好是矢量图。刚好最新的Axure RP 8.0版本支持导入SVG矢量图,可以直接把SVG导入到原型中。
那么,这里就给大家推荐一个SVG图标资源库。
地址:iconfont-阿里巴巴矢量图标库
这是阿里巴巴的矢量图标库,可以使用新浪微博账号和Github账号登录,登录之后才能够下载图标文件。该图库支持导出SVG,AI,PNG三种格式的文件。
大家在查找图标的时候,可以使用阿里巴巴图标资源库的搜索功能,来搜索心仪的图标。
找到图标之后,我们就可以下载图标了。
点击最下方的橘红色下载按钮,这个时候就弹出了下载界面。
在这个界面中,我们可以调整颜色,选择下载的图标文件格式。
这里我们选择【SVG下载】。
下载下来的图标,可以拖入AxureRP8的画布中,或者在画布中放入图片元件后,双击图片元件导入下载下来的图标。
不过,这个时候的图标在Axure中还不能编辑颜色。
我们需要点中图标,然后在属性中选择【转换SVG图片为形状】。(如果没有这个选项,请升级软件到最新;如果未汉化,请在顶部导航菜单中下载本站的最新版汉化包。)
将图片转换为形状之后,我们就可以为图标编辑颜色,不但能够编辑单色,而且可以编辑渐变色。
以上就是为大家推荐的阿里巴巴矢量图标库和图标的使用方法,希望为大家的工作学习带来帮助!
Axure中SVG矢量图标的使用方法相关推荐
- Axure 中的矢量图标从哪来?
图标是我们在制作产品原型的时候使用的比较多的一类素材,特别是矢量图标.经常会看到小伙伴在问有没有矢量图标.图标类的素材我们怎么获取呢? 从Axure 8开始,官方增加了图标部件库.打开部件窗口,可 ...
- Vue项目中使用Svg矢量图标
#Vue项目中使用Svg矢量图标 使用npm install svg-sprite-loader –save命令或 cnpm install svg-sprite-loader –save命令进行安装 ...
- 如何在Axure中使用Iconfont图标字体
需求背景 在原型设计中,图标是我们使用率非常高的元素,通常我们会选择将图标导出为图片放到Axure里使用,或者使用Axure的图标元件库,但是他们使用起来会有很多不方便的地方: 图片进行缩放会失真,无 ...
- 插入网络CSS矢量图标、网络SVG矢量图标
<!--网络CSS矢量图标--> <link rel="stylesheet" href="https://use.fontawesome.com/re ...
- html5 自定义标签图例,奥维互动地图浏览器电脑版中自定义标签图标的增加方法...
这篇文章讲的是奥维互动地图浏览器电脑版中自定义标签图标的增加方法,感兴趣的小伙伴可以来学习一下哦. 奥维互动地图浏览器电脑版中自定义标签图标的增加方法 1.点击菜单:系统---数据管理---自定义图标 ...
- Axure中推动拉动元件不生效_单线图标元件库SVG矢量图标 纯净无干扰的Axure元件库...
单线图标,何谓单线图标,故名思义就是单一线条的图标,所有图标均是由简单的线条绘制而成,它跟常见的扁平图标不一样,扁平图标通常是有形状不一的色块组成,而单线图标只有线条组成,无色块,就算修改颜色也只是修 ...
- 阿里妈妈iconfont矢量图标的使用方法(超详细)
iconfont使用方法 1.为什么要使用iconfont? 之前我们一直使用的是雪碧图,虽然好用,但是也是有一定的限制的,比如说,你希望这个图标大一点,当然你也可以调节雪碧图的大小但是此时会出现图片 ...
- 百度地图添加SVG矢量图标
这篇文章也是创建百度地图的,两个都可以用,看你自己需要哪个自己做修改.不同的地方是下面链接这篇的创建标注的图片是服务器上存储的图片.而本篇是使用SVG的格式来做标注. 百度地图创建多个标注和标签并设置 ...
- Android SVG矢量资源的使用方法
转自: http://www.cnblogs.com/chenliyang/p/6542896.html VectorDrawable 与 SVG Android 5.0(Lollipop, API ...
- 在网页中使用矢量图标
做网页时常常需要用到一些标志性的小图标 可以通过放置小图标的图片来实现,但也可以通过使用矢量图标来做,使用矢量图标的好处是,可以在放大时保持清晰度. 做法 这里以阿里巴巴矢量图标库为例,打开网址www ...
最新文章
- Lua中的基本函数库
- python10后的年利率_用Python把20年的GDP、人口以及房价数据进行了可视化
- centos 6.5 关闭防火墙
- 基于Java+jsp+servlet的养老院管理系统设计和实现
- Asp.net生成工作流、审批流的解决方案
- spark学习-33-Spark的RPC通信源码分析
- MySQL数据库规范及解读
- 网站前端_EasyUI.基础入门.0002.带你玩转jQuery EasyUI Panel组件 ?
- C语言实现顺序栈的初始化进栈出栈读取栈顶元素
- 【Visual C++】Windows GDI贴图闪烁解决方法
- 第十一届河南省程序设计大赛----部分题解
- 几种代码管理工具比较
- Ubuntu系统在VMWare中鼠标闪烁的问题解决方案
- 计算机基础及Python简介
- Codeforces Round #363 (Div. 2) B. One Bomb (水题)
- 机器如何猜你所想?阿里小蜜预测平台揭秘 1
- 网站社交登录之微博登录
- yolov3与yolov4效果对比_知识精讲 | Yolov3和Yolov4核心内容、代码梳理_创事记(5)
- 网易2017招聘笔试题下厨房Java代码
- freeMaker 三目(三元)表达式
热门文章
- android 高音质 播放器,安卓音质最强音乐播放器—Rockbox
- 破解百度空间、新浪相册、网易、搜狐等博客图片防盗链的方法
- 使用Docker部署前端项目实战教程,该踩的坑我都帮你踩了!
- 配置vscode作为STM32代码的编辑器(替代keil5)。实现:代码自动补全, 编译,下载。nRF52也可以编译。
- JavaScript 的学习路线
- 在线程序员 计算器 (中文)
- 开发工具篇 程序员计算器
- 集体智慧编程chapter5:优化问题
- Qt 学习之路 2(3):Hello, world!
- JAVA使用URLEncoder、URLDecoder编码解码