當前位置:妙知谷 >

遊戲數碼 >互聯網 >

Axure中使用Iconfont-阿里巴巴向量圖標庫

Axure中使用Iconfont-阿里巴巴向量圖標庫

Axure RP8中自帶了不少圖標,但實際設計原型時還是會有不合適或找不到的圖標。Iconfont-阿里向量圖標庫 內容豐富,不比外國的知名網站少,而且內容更符合國人使用需求,最重要的是免費+速度快。網上只有使用國外的介紹,試了一些太慢太卡,內容太少並且不適用於“Iconfont阿里向量圖標庫”應用於Axure中,所以自己研究了一下後,整理出來,費話不多説,下面進入正題。

操作方法

(01) 選好自己需要的圖標,加入到新項目中。可以使用搜索功能搜索。點擊“購物車”圖標,加入到自己的購物車中。

Axure中使用Iconfont-阿里巴巴向量圖標庫
Axure中使用Iconfont-阿里巴巴向量圖標庫 第2張

(02)進購物車把選好的圖標加入到項目中進行下一步。

Axure中使用Iconfont-阿里巴巴向量圖標庫 第3張

(03)把圖標添加至項目中,項目可以新建或已存在的項目,或參與協作的團隊項目。

Axure中使用Iconfont-阿里巴巴向量圖標庫 第4張
Axure中使用Iconfont-阿里巴巴向量圖標庫 第5張

(04)從我的項目中進入生成字體文件的操作。點“下載至本地”保存到電腦中,默認“”文件,打開後,把“”文件解壓出來,放到系統目錄的字體目錄中,複製到“C:WindowsFonts”進行安裝或高版本操作系統 右鍵字體文件 選 “安裝”。

Axure中使用Iconfont-阿里巴巴向量圖標庫 第6張

(05)打開Word,選擇 “插入” “符號”“其它符號”(低版本word 叫“特殊符號”)

Axure中使用Iconfont-阿里巴巴向量圖標庫 第7張

(06)字體中選擇 項目庫中設置的生成字體名稱,就會列出字體中所有的圖標,雙擊所有的字體圖標,插入到文檔中。然後選中要使用的圖標,複製到Axure中進行粘貼。

Axure中使用Iconfont-阿里巴巴向量圖標庫 第8張
Axure中使用Iconfont-阿里巴巴向量圖標庫 第9張

(07)Axure RP8 如果已經打開,要先關閉,要讓她先讀取到本地已經有的字體,然後 “粘貼”圖標就能正常顯示在你需要的地方了。再調整一下字體顏色大小,就完美了。

Axure中使用Iconfont-阿里巴巴向量圖標庫 第10張

(08)Iconfont阿里向量圖標庫  可以下載AI(eps)文件到本地,可以自己用AI修改後,重新上載到自己項目中用於生成字體文件。Iconfont不僅可以用在Axure,更強大的是可以在網站前端開發中直接使用,使用方法參考官方的介紹或下載的文字文件包中的文件,很簡單,很強大。

特別提示

已經正常顯示的字體圖標,如果字體不存在了,就不能正常顯示了,需要字體安裝才能正常,因此,Axure保存的文件,需要在其它電腦上顯示,需要將使用的字體一併安裝到目標機器中。發佈成網頁也只能在已經安裝了對應字體的機器上正常顯示。作演示的話,可以導出成圖片或用本機展示就沒問題了。

項目中的圖標更新後,重新下載安裝字體,重開Axure軟件可以使用新增的圖標了。

  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/hulianwang/gojqry.html