Axure 圖標解決方案,再也不怕沒有適合的圖標了
今天,想起css3里面有content的屬性,心血來潮想去學習一下。
突然發現,fontawesome 這個框架很厲害,可以用文字方式定義多種多樣的圖標(詳情可點擊:fontawesome官網,http://fontawesome.dashgame.com/?;)。那么我就想,既然axure里面我找不到合適的圖標或符號,或者這些圖標顏色不符合我的要求,那么可否使用文字的方式來定義axure里面的圖標呢?這樣的話,既可以使用fontawesome定義的圖標,又可以隨意改變圖標的大小而失真,也可以輕易修改文字的顏色,那么該怎么做?
1.?下載fontawesome字體
1)可以從fontawesome官網下載,然后在fonts文件夾中找到fontawesome-webfont.ttf。
2) 百度網盤下載:http://pan.baidu.com/s/1c06abIw
2. 安裝fontawesome字體(安裝字體有很多種方式,根據系統而定,如下面方法不行,可百度)
直接雙擊字體文件,點擊安裝即可安裝該字體。
3. 將fontawesome 圖標轉到axure中去(這步最為關鍵,也是最為復雜)
新建一個word文件,利用word文檔中特殊符號:
可將字體文件中所有圖標全部插入到word文件中去,然后粘貼復制到axure中,即可使用這些矢量圖標。
axure fontawesome icons組件下載鏈接:http://pan.baidu.com/s/1gd1Qg6Z (本人弄的,里面有些英文或分類可能不太適合你,請見諒)
完成以上三步,你就可以使用幾百個矢量圖標,而且任由自己定義顏色,同時也解決我之前使用axure時找不到適合圖標的糾結。似乎還有一個問題,就是別人看你發布給他的axure html,有可能他看不到你這些圖標,因為這是系統字體來的。(但是,我放到我自身服務器上面,不用安裝這個fontawesome字體文件就可以正常瀏覽,發布給別人倒是沒試過,大家不妨可以嘗試一下)
希望,以后在axure學習道路上能越走越順!
(補充,用了兩天后,發現有一個技巧可以解決有關客戶端需要安裝系統文件方法:調整好字體大小,顏色后,可轉成圖像(右擊“Convert to Image”))
本文由 @龍飛 原創發布于人人都是產品經理。未經許可,禁止轉載。
這個困擾了我好久了,終于在這里看到,感謝。
iconfont全是矢量圖標,同個圖標,顏色可以隨意選擇,還不用擔心生成后,其他人看不到
原理其實很簡單,字體文件本來就是矢量描繪的,故此圖標可以矢量放大縮小,改變顏色,而fontawesome字體是web端圖標的解決方式,而我的思路就是將fontawesome字體應用到axure中。這其中有個問題就是:fontawesome字體沒辦法用鍵盤敲出,應該不像字母或中文一樣。所以通過word文檔軟件插入符號方式讓他顯示,然后用文字復制方式復制到axure中,但是文字顯示正常是需要是否選擇了該對應字體。部分朋友說復制到axure中,沒辦法顯示圖標時候,請將對應的字體選擇成fontawesome就可以了。
(附新的百度云分享鏈接:http://pan.baidu.com/s/1i5nWNVf)
百度云的連接失效啦啦啦,求再發一個可以么? ??
附新的百度云分享鏈接:http://pan.baidu.com/s/1i5nWNVf
為什么我的從文檔復制就不可以呢?顯示的是一個框
,能幫助一下嗎?
我的也是呢,有其他人正常使用的嗎
為什么我從文檔復制到axure 就不行呢?能幫忙看看唄?
同問??!
百度云的連接失效啦啦啦,求再發一個可以么? ??