axure商城

Axure中SVG矢量圖標的使用方法及資源推薦

本文原作者小樓老師,略有刪改。

我們經常需要在原型中使用各種各樣的圖標,所以往往需要大量的圖標素材。并且,為了保證圖標縮放不失真,這些素材最好是矢量圖。剛好最新的Axure RP 8.0版本支持導入SVG矢量圖,可以直接把SVG導入到原型中。

那么,這里就給大家推薦一個SVG圖標資源庫。

地址:http://www.iconfont.cn/collections/index

這是阿里巴巴的矢量圖標庫,可以使用新浪微博賬號和Github賬號登錄,登錄之后才能夠下載圖標文件。該圖庫支持導出SVG,AI,PNG三種格式的文件。

大家在查找圖標的時候,可以使用阿里巴巴圖標資源庫的搜索功能,來搜索心儀的圖標。

找到圖標之后,我們就可以下載圖標了。

點擊最下方的橘紅色下載按鈕,這個時候就彈出了下載界面。

在這個界面中,我們可以調整顏色,選擇下載的圖標文件格式。

這里我們選擇【SVG下載】。

下載下來的圖標,可以拖入AxureRP8的畫布中,或者在畫布中放入圖片元件后,雙擊圖片元件導入下載下來的圖標。

不過,這個時候的圖標在Axure中還不能編輯顏色。

我們需要點中圖標,然后在屬性中選擇【轉換SVG圖片為形狀】。(如果沒有這個選項,請升級軟件到最新;如果未漢化,請在頂部導航菜單中下載本站的最新版漢化包。)

 

將圖片轉換為形狀之后,我們就可以為圖標編輯顏色,不但能夠編輯單色,而且可以編輯漸變色。

以上就是為大家推薦的阿里巴巴矢量圖標庫和圖標的使用方法,希望為大家的工作學習帶來幫助!

給TA買糖
共{{data.count}}人
人已贊賞
高級教程

老案例新做:顯示進度的橫向滑塊

2017-4-29 11:51:24

高級教程

Axure原型教程:使用動態面板簡單實現三級菜單

2017-8-11 20:04:57

axure商城
2 條回復 A文章作者 M管理員
  1. slience

    沒有轉換為形狀的選項咋辦,是因為版本嗎

  2. Jobeth ?
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo