当前位置:妙知谷 >

游戏数码 >互联网 >

Axure中使用Iconfont-阿里巴巴矢量图标库

Axure中使用Iconfont-阿里巴巴矢量图标库

Axure RP8中自带了不少图标,但实际设计原型时还是会有不合适或找不到的图标。Iconfont-阿里矢量图标库 内容丰富,不比外国的知名网站少,而且内容更符合国人使用需求,最重要的是免费+速度快。网上只有使用国外的介绍,试了一些太慢太卡,内容太少并且不适用于“Iconfont阿里矢量图标库”应用于Axure中,所以自己研究了一下后,整理出来,费话不多说,下面进入正题。

操作方法

(01) 选好自己需要的图标,加入到新项目中。可以使用搜索功能搜索。点击“购物车”图标,加入到自己的购物车中。

Axure中使用Iconfont-阿里巴巴矢量图标库
Axure中使用Iconfont-阿里巴巴矢量图标库 第2张

(02)进购物车把选好的图标加入到项目中进行下一步。

Axure中使用Iconfont-阿里巴巴矢量图标库 第3张

(03)把图标添加至项目中,项目可以新建或已存在的项目,或参与协作的团队项目。

Axure中使用Iconfont-阿里巴巴矢量图标库 第4张
Axure中使用Iconfont-阿里巴巴矢量图标库 第5张

(04)从我的项目中进入生成字体文件的操作。点“下载至本地”保存到电脑中,默认“”文件,打开后,把“”文件解压出来,放到系统目录的字体目录中,复制到“C:WindowsFonts”进行安装或高版本操作系统 右键字体文件 选 “安装”。

Axure中使用Iconfont-阿里巴巴矢量图标库 第6张

(05)打开Word,选择 “插入” “符号”“其它符号”(低版本word 叫“特殊符号”)

Axure中使用Iconfont-阿里巴巴矢量图标库 第7张

(06)字体中选择 项目库中设置的生成字体名称,就会列出字体中所有的图标,双击所有的字体图标,插入到文档中。然后选中要使用的图标,复制到Axure中进行粘贴。

Axure中使用Iconfont-阿里巴巴矢量图标库 第8张
Axure中使用Iconfont-阿里巴巴矢量图标库 第9张

(07)Axure RP8 如果已经打开,要先关闭,要让她先读取到本地已经有的字体,然后 “粘贴”图标就能正常显示在你需要的地方了。再调整一下字体颜色大小,就完美了。

Axure中使用Iconfont-阿里巴巴矢量图标库 第10张

(08)Iconfont阿里矢量图标库  可以下载AI(eps)文件到本地,可以自己用AI修改后,重新上传到自己项目中用于生成字体文件。Iconfont不仅可以用在Axure,更强大的是可以在网站前端开发中直接使用,使用方法参考官方的介绍或下载的文字文件包中的文件,很简单,很强大。

特别提示

已经正常显示的字体图标,如果字体不存在了,就不能正常显示了,需要字体安装才能正常,因此,Axure保存的文件,需要在其它电脑上显示,需要将使用的字体一并安装到目标机器中。发布成网页也只能在已经安装了对应字体的机器上正常显示。作演示的话,可以导出成图片或用本机展示就没问题了。

项目中的图标更新后,重新下载安装字体,重开Axure软件可以使用新增的图标了。

  • 文章版权属于文章作者所有,转载请注明 https://miaozhigu.com/zh-sg/sm/hulianwang/gojqry.html