Axure 图标解决方案

最近axure 8.0.0.3318更改授权验证机制,旧的授权名以及密码已经失效了,使用起来比较麻烦。这里分享一个可用的3312版本,链接:http://pan.baidu.com/s/1kVMetJD 密码:w5r9

激活码为:用户名:aaa,

密码:2GQrt5XHYY7SBK/4b22Gm4Dh8alaR0/0k3gEN5h7FkVPIn8oG3uphlOeytIajxGU

部件库的方式

       常用的方法就是采用网络上分享出来的部件库,比较全的就是小楼老师的部件库。

       但是这种部件库的ICON一般都是图片,当颜色与当前原型色调不一样的时候,就不能用了。而且ICON常常表示状态,不同的状态需要不同的颜色,用图片做原型ICON就不合适了。

字体CION方式

        后来发现了一个神器,字体icon,每个icon其实就是一个文字,文字更改颜色和大小非常方便。

字体名称:FontAwesome

FontAwesome字体下载链接:链接:http://pan.baidu.com/s/1nvOHKz3 密码:vq49

FontAwesome字体部件库:链接:http://pan.baidu.com/s/1mhYCTc8 密码:plhm

1.字体安装

      a.下载完字体之后,解压缩文件,选择font文件夹


      b.双击字体文件,进入字体安装页面

      c.在页面中确认安装


      d.安装成功后,你就可以在你的Axure字体选择就可以看到FontAwesome了、


2.载入字体库

         但是在使用的时候,却发现并不知道怎么用。我怎么打出这样一个个图标呢?这个时候你可以选择到FontAwesome官网上一个个找,找到后复制黏贴就可以了。但是效率低。这个时候,我们将字体一个个拆分,做成部件,使用就很方便了。字体部件库下载链接见上图。下面来说安装方式

      a.载入部件库,在Axure中选择【载入元件库】


      b.找到你下载的rplib文件,进行安装


       c.使用时,选择全部/FontAwesome部件库

      d.直接使用,然后你就可以直接使用了,自由更改字体大小,颜色等


3.生成原型之后,链接CSS样式

      完成原型制作之后,然后就是给别人看了,由于我们使用了特殊的FontAwesome字体,就需要告知网页加载这个字体样式。

      a.在Axure发布页面,修改配件文件



      b.选择默认的HTML样式

      c.在web字体中,新增一个web字体的css样式

链接地址  http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css

4.这样我们的FontAwesome就可以正常使用了


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,684评论 25 709
  • 什么是图标字体? 图标字体就是在做手机APP或WEB项目时为了能方便控制图标的大小、颜色等属性而将图标字体化 图标...
    AlexanderJLiu阅读 14,909评论 1 21
  • 我再也不敢找你 怕你认真 我们之间存在的不仅仅是距离 还有爱情 我不知道怎样 只好消失 不是我不爱你 是因为你太重要
    达尔大尼央阅读 942评论 0 0
  • 1。周末老家的旁族亲戚来了,老人小孩。 2。老人做一辈子建筑,但面貌精神,年纪大了但说话有力,穿着干净利落。 3。...
    橙子的小字屋阅读 3,165评论 0 0
  • 今天是农历二月二,龙抬头的日子!我们的习俗是在这一天理发,吃猪头肉。对于这些习俗,我是采取无所谓的态度。只是这个二...
    爱阅沈阳阅读 1,222评论 0 1