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

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

  這裏就給大家推薦一個SVG圖標資源庫,請移步:> 阿里巴巴矢量圖標庫

  該網站可以使用新浪微博賬號和Github賬號登錄,登錄之後能夠下載圖標文件。圖庫支持導出SVG,AI,PNG三種格式的文件。在查找圖標的時候,可以使用阿里巴巴圖標資源庫的搜索功能,來搜索心儀的圖標,例如搜索“支付寶”會有很多相關圖標:
在這裏插入圖片描述

然後選擇一個可以進行下載:
在這裏插入圖片描述
最下方還支持修改顏色和圖標大小,可以根據自己的需求自行修改:
在這裏插入圖片描述
  這裏我們選擇【SVG下載】。

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

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

  我們需要點中圖標,然後在屬性中選擇【轉換SVG圖片爲形狀】。

在這裏插入圖片描述
將圖片轉換爲形狀之後,我們就可以爲圖標編輯顏色,不但能夠編輯單色,而且可以編輯漸變色。
在這裏插入圖片描述
學會了嗎?快去使用吧!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章