Axure 圖標解決方案,再也不怕沒有適合的圖標了

12 評論 69890 瀏覽 199 收藏 4 分鐘

今天,想起css3里面有content的屬性,心血來潮想去學習一下。

突然發現,fontawesome 這個框架很厲害,可以用文字方式定義多種多樣的圖標(詳情可點擊:fontawesome官網,http://fontawesome.dashgame.com/?;)。那么我就想,既然axure里面我找不到合適的圖標或符號,或者這些圖標顏色不符合我的要求,那么可否使用文字的方式來定義axure里面的圖標呢?這樣的話,既可以使用fontawesome定義的圖標,又可以隨意改變圖標的大小而失真,也可以輕易修改文字的顏色,那么該怎么做?

1.?下載fontawesome字體

1)可以從fontawesome官網下載,然后在fonts文件夾中找到fontawesome-webfont.ttf。

psb

2) 百度網盤下載:http://pan.baidu.com/s/1c06abIw

2. 安裝fontawesome字體(安裝字體有很多種方式,根據系統而定,如下面方法不行,可百度)

直接雙擊字體文件,點擊安裝即可安裝該字體。

psb (1)

3. 將fontawesome 圖標轉到axure中去(這步最為關鍵,也是最為復雜)

新建一個word文件,利用word文檔中特殊符號:

psb (2)

可將字體文件中所有圖標全部插入到word文件中去,然后粘貼復制到axure中,即可使用這些矢量圖標。

axure fontawesome icons組件下載鏈接:http://pan.baidu.com/s/1gd1Qg6Z (本人弄的,里面有些英文或分類可能不太適合你,請見諒)

完成以上三步,你就可以使用幾百個矢量圖標,而且任由自己定義顏色,同時也解決我之前使用axure時找不到適合圖標的糾結。似乎還有一個問題,就是別人看你發布給他的axure html,有可能他看不到你這些圖標,因為這是系統字體來的。(但是,我放到我自身服務器上面,不用安裝這個fontawesome字體文件就可以正常瀏覽,發布給別人倒是沒試過,大家不妨可以嘗試一下)

希望,以后在axure學習道路上能越走越順!

(補充,用了兩天后,發現有一個技巧可以解決有關客戶端需要安裝系統文件方法:調整好字體大小,顏色后,可轉成圖像(右擊“Convert to Image”))

 

本文由 @龍飛 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 這個困擾了我好久了,終于在這里看到,感謝。

    來自北京 回復
  2. iconfont全是矢量圖標,同個圖標,顏色可以隨意選擇,還不用擔心生成后,其他人看不到

    回復
  3. 原理其實很簡單,字體文件本來就是矢量描繪的,故此圖標可以矢量放大縮小,改變顏色,而fontawesome字體是web端圖標的解決方式,而我的思路就是將fontawesome字體應用到axure中。這其中有個問題就是:fontawesome字體沒辦法用鍵盤敲出,應該不像字母或中文一樣。所以通過word文檔軟件插入符號方式讓他顯示,然后用文字復制方式復制到axure中,但是文字顯示正常是需要是否選擇了該對應字體。部分朋友說復制到axure中,沒辦法顯示圖標時候,請將對應的字體選擇成fontawesome就可以了。
    (附新的百度云分享鏈接:http://pan.baidu.com/s/1i5nWNVf)

    來自廣東 回復
  4. 百度云的連接失效啦啦啦,求再發一個可以么? ??

    來自湖北 回復
    1. 附新的百度云分享鏈接:http://pan.baidu.com/s/1i5nWNVf

      來自廣東 回復
  5. 為什么我的從文檔復制就不可以呢?顯示的是一個框
    ,能幫助一下嗎?

    來自廣東 回復
    1. 我的也是呢,有其他人正常使用的嗎

      來自廣東 回復
  6. 為什么我從文檔復制到axure 就不行呢?能幫忙看看唄?

    來自廣東 回復
    1. 同問??!

      來自北京 回復
  7. 百度云的連接失效啦啦啦,求再發一個可以么? ??

    來自湖北 回復