我们使用Axure制作原型时,经常会使用到各种小图标。有些朋友自己制作、有些到网上下载,然后使用截图导入到Axure中使用。这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!
在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享。
第一步:下载
FontAwesome 字体 : iamue.com/wp-content/uploads/2015/01/fonts.zip
Axure 字体部件库 : iamue.com/wp-content/uploads/2015/01/FontAwesomev3.21.zip
第二步:双击 font-awesome.zip 安装 Font-awesome 字体到你的电脑里
第三步: 打开Axure RP,载入 FontAwesomeV321.rplib 这个部件库
第四步: 添加下面的 Font Awesome CSS 链接到 生成HTML时弹出对话框的 Web 字体 中,然后点击关闭。
http://netdna.bootstrapcdn.com/f ... ss/font-awesome.css
至此,FontAwesome 字体已经安装完毕。
使用方法:
1. 在 Axure 部件库列表中,选择 FontAwesome321 部件库,然后就想操作其它部件一样,拖放使用。
2. 打开 FontAwesome3.2.1 版本的参考页面 http://fontawesome.io/3.2.1/cheatsheet/ ,复制你想要的图标,然后粘贴到 Axure 中使用
注意:如果你复制图标到 Axure 中,并没有正常显示。 请选中该图标,然后将字体设置为 FontAwesome 即可。
最后:因为这些小图标其实使用的是字体图标,所以你可以使用改变字体大小和颜色来自定义小图标的样式。
Axure中使用图标字体【FontAwesome】
未经允许不得转载:IAMUE » Axure中使用图标字体【FontAwesome】
相关推荐
做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互
Axure画产品原型最新常用组件分享(一)
AxureUX企业及通用型网站WEB端原型模板发布
Axure RP 8 入门手册 – 第1章(上)
Axure RP 8.0 软件激活 安装教程 激活码 序列号
Axure RP 8.0软件安装教程及下载地址
善用Axure写PRD:产品逻辑的五种呈现方法
Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)
【软件资源】Axure RP 8.0软件安装教程——附下载地址
使用Axure制作出信息化风格的精美简历(提供模板源文件下载)
将Axure移动端原型生成二维码教程(二维码支持微信等app扫描访问)
AxureRP8.1简体中文汉化包V1.6.5版发布!
Axure RP 8.0 安装教程
这样学Axure,效果显著,还能提升产品交互,更容易拿高薪
Axure工具简介
Axure基础
用Axure写PRD:虎扑app产品需求文档(附下载链接)
如何用axure参与团队项目
设计流程、交互设计进阶、空状态设计
给小白看的交互设计启蒙帖(一)
评论前必须登录!
注册