Axure中使用图标字体【FontAwesome】

我们使用Axure制作原型时,经常会使用到各种小图标。有些朋友自己制作、有些到网上下载,然后使用截图导入到Axure中使用。这样做非常繁琐,有些朋友问Axure是否能够像图像处理工具那样便捷灵活滴使用图标字体呢?答案是:可以!
在AxureRP7中使用FontAwesome字体,这是一个非常实用的小技巧,现发布成文与诸君共享。
第一步:下载
clip_image002
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 字体到你的电脑里
clip_image004
第三步: 打开Axure RP,载入 FontAwesomeV321.rplib 这个部件库
clip_image006
第四步: 添加下面的 Font Awesome CSS 链接到 生成HTML时弹出对话框的 Web 字体 中,然后点击关闭。
http://netdna.bootstrapcdn.com/f ... ss/font-awesome.css
clip_image008
至此,FontAwesome 字体已经安装完毕。
使用方法:
1. 在 Axure 部件库列表中,选择 FontAwesome321 部件库,然后就想操作其它部件一样,拖放使用。
clip_image010
2. 打开 FontAwesome3.2.1 版本的参考页面 http://fontawesome.io/3.2.1/cheatsheet/ ,复制你想要的图标,然后粘贴到 Axure 中使用
clip_image012
注意:如果你复制图标到 Axure 中,并没有正常显示。 请选中该图标,然后将字体设置为 FontAwesome 即可。
clip_image014
最后:因为这些小图标其实使用的是字体图标,所以你可以使用改变字体大小和颜色来自定义小图标的样式。
clip_image016

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/2908/

(0)
Smiler李想Smiler李想
上一篇 2015-01-15 10:48
下一篇 2015-01-16 17:38

相关推荐

  • 交互设计新人必看:怎样让你的线框图发挥出真正价值?

    当一个想法出来之后我们都知道先用线框画下来,但是画着画着,总觉得不对劲,总觉得加上视觉元素之后才能真正看出效果来。原作者:Dustin Senos翻译:zhuyuxuan地址:http://www.ui.cn/detail/148272.html转载请经…

    2017-08-01
  • 功能确定之后,如何做好UCD概念设计?

      功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。 如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓…

    2016-02-20
  • 艺术留学新宠—交互设计选"综合类"院校和"艺术类"院校有何差别?

    在当下这个数字智能急速发展的时代,交互设计成为了热门探索领域,同时它也是当下最受欢迎的留学专业之一。相较国外,国内开设交互设计专业的院校较少,即便有,也是和工业设计专业剪不断理还乱。而真正的交互设计包含的范畴更广,这一点从国外不同院校的交互类专业方向上可以看出,其教育框架完全在APP这一分支之上,而表现形式也不局限于媒体、数字、艺术、装置等。对于想要申请国外顶级交互专业院校的同学来说,确定好自己想要探究的专业领域是选校时的重要参考标准。...

    2018-05-07
  • 交叉学科-交互设计春季周末班课程计划

    开课时间:本周末4.14日开课,可预约免费试听。请单独联系教务老师。联系方式:教务老师微信二维码上课地址:北京海淀区北四  环保福寺桥南  恒兴大厦10层E室

    2018-04-11
  • (全解析)屏幕尺寸,分辨率,像素,PPI之间到底什么关系?

    屏幕的清晰程度其实是分辨率和尺寸大小共同决定,用ppi指数衡量屏幕清晰程度更加准确。

    2017-06-04
  • AR(增强现实)应用中的交互设计思考

    作者认为AR未来无论是在C端还是在B端都会存在广泛的应用场景,并能够在许多场景下颠覆用户的使用习惯,解决一些目前无法有效解决的用户需求!比如最近突然火起来的AR游戏《口袋怪物Go》就让大家见识了AR应用的潜力。本文主要和大家探讨一下作为交互设计师,在设计AR应用时需要思考的问题。

    2017-05-22
  • 用户体验设计师如何构建设计知识体系

    -全文共2469个字,阅读时间大约3~6分钟-开 篇这几天在看一位腾讯大师的产品思维,今天是重复第二遍,她所讲的产品观中的微观、中观、宏观、用户增长的峰值、终值、点线面体思维等等,这一系列课程让我茅塞顿开。当下的确是一个很好的时代—体验经济时代,英雄不论出处,不谈产品的背后是何方神圣,一切都是用户说了算,一个产品准确找到用户痛点,只要用户喜欢,有足够的用户价值,就能转化一定的商业价值。最近处于风头浪尖的两家公司—某团与某滴,互相做起了对...

    2018-04-06
  • iOS 10锁屏交互大改,是革新还是灾难?

    本次更新除了锁屏交互的调整,也添加了一些更实用的小功能:例如删除系统软件、夜间模式等。虽然beta1版本体现出的诚意还不够,但是我相信两个月后的iOS 10正式版会令多数人满意。

    2017-05-22
  • 现在时隔半年,再次分析一下微信读书这个产品

    从15年8月28日 微信读书 APP低调上线到现在已经差不多快半年了,对于这款含着金钥匙出身的产品,一开始似乎并有多得到太多的好评,甚至因为 好友阅读排行 功能而受到很多争议。 现在时隔半年,我以一个普通读书爱好…

    2016-02-23
  • 2017新零售用户体验观察

    互动新零售专为互联网人打造的新零售智库。关注过去的2017年被誉为“新零售元年”,从早前颜艳春的《第三次零售革命》到阿里的“五新”战略,再到京东的“新零售革命”等等,一系列关于“新零售”的概念被正式提出。而行动上,无论是互联网电商巨头,还是传统线下零售企业均在紧锣密鼓地展开此次零售变革的布局。此次“新零售”变革概念从中国提出之时,从全球范围来看,和传统零售形态不太一样的商业形态和消费者体验已经在世界各地慢慢的生长起来。这一年中各式各样关...

    2018-02-08