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

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

赞 (0)

相关推荐

  • 如何在Axure中创建自己的元件库

    Axure最核心的功能就是通过原件的堆积,形成目标效果.网上目前有大量免费的各种"最全axure原件大全"之类的,里面的内容非常多且杂,很多其实都用不到,对于选择恐惧症来说,这么多 ...

  • 如何在Axure中使用FontAwesome字体图标

    Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. FontAwesome应用在web网页开发中非常方便, ...

  • 找不到免费矢量图标资源？-10个最佳图标资源分享

    现在网络上丰富的免费设计资源包括免费字体和免费矢量图标资源都非常丰富,可以说是设计师们的救星.试想下,如果在某个项目中因为缺少特定的图标资源,你需要耗费大量的时间在茫茫网络中去寻找.而通常在这种情况下 ...

  • Android Studio自带图标库和开源图标库怎么使用?

    Android 的开发离不开各式各样的图标,很多小伙伴可能不知道Android 有自带的图标库,在这里小编为大家介绍一下Android studio自带的图标库和介绍一下Android studio上 ...

  • 如何在axure中添加文本并进行相关设置？

    如何在axure中添加文本并进行相关设置？

    相信很多小伙伴都有在使用axure,在其中如何才能添加文本并进行相关设置呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开axure,在下图所示窗口中选择一个文本样式,将其拖拽到右侧界 ...

  • 如何设置苹果手机中的酷狗铃声到库乐队

    如何设置苹果手机中的酷狗铃声到库乐队

    有的小伙伴在使用iPhone苹果手机时,为了使用酷狗铃声中的音乐为手机铃声, 因此想要将酷狗铃声设置到库乐队中,但是却不知道如何操作,那么小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开酷 ...

  • 如何在axure中打开密码框的加密功能

    如何在axure中打开密码框的加密功能

    电脑被很多人使用,用来玩游戏,刷剧等,有的用户在使用电脑时,为了保护自己密码的安全性,因此想要在axure中打开密码框的加密功能,但是却不知道如何打开,那么小编就来为大家介绍一下吧.具体如下:1. 第 ...

  • 怎么在电脑版Steam中设置不再使用本地授权库共享功能

    怎么在电脑版Steam中设置不再使用本地授权库共享功能

    电脑版Steam软件被很多人使用,用来购买并下载游戏等,有的用户在使用该软件时,为了自己本地的隐私安全, 因此想要设置不再使用本地授权库共享功能,但是却不知道如何设置,那么小编就来为大家介绍一下吧.具 ...

  • axure中如何设置鼠标按下时矩形变色效果制作

    axure中如何设置鼠标按下时矩形变色效果制作 操作方法 01 在元件库中选择一个框建立在右侧工作区中 02 然后点击这个框,右键选择里面的交互样式属性 03 在打开的样式属性中,有一个鼠标按下的选项 ...