Google Material Design:900個(gè)實(shí)用圖標(biāo)的Axure組件庫(kù)分享

24 評(píng)論 73838 瀏覽 232 收藏 5 分鐘

本文作者將分享一套來(lái)自于Google Material Design的實(shí)用Axure圖標(biāo)組件庫(kù),其中一共有900+款的常用的經(jīng)典圖標(biāo)。enjoy~

平時(shí)各位交互設(shè)計(jì)師和產(chǎn)品經(jīng)理們?cè)谠O(shè)計(jì)原型上都會(huì)用到圖標(biāo),但是臨時(shí)去找圖標(biāo)是一件很影響效率的事情。雖然其它同行朋友有分享過(guò)自己制作的圖標(biāo)庫(kù),但是要么數(shù)量不夠全面、要么不支持調(diào)整尺寸和顏色。

今天分享一套來(lái)自于Google Material Design的實(shí)用Axure圖標(biāo)組件庫(kù),其中一共有900+款的常用的經(jīng)典圖標(biāo)。

這是一套Axure原型設(shè)計(jì)的必備圖標(biāo)組件庫(kù),包含了各類主流APP、網(wǎng)站等各種原型設(shè)計(jì)中需要的大部分圖標(biāo),基本用了它基本就不再需要其它的圖標(biāo)組件庫(kù)了。相信交互設(shè)計(jì)師和產(chǎn)品經(jīng)理們用了這套圖標(biāo)庫(kù)之后,在原型設(shè)計(jì)時(shí)能夠得心應(yīng)手了,輸出的原型交互稿也會(huì)更逼格滿滿。

本套圖標(biāo)庫(kù)的特性:

  1. 這是一套矢量的圖標(biāo)庫(kù)、可以隨意變化尺寸,不會(huì)出現(xiàn)鋸齒;
  2. 支持直接修改顏色或填加漸變風(fēng)格、讓圖標(biāo)更符合你的設(shè)計(jì)風(fēng)格(這點(diǎn)很重要);
  3. 支持修改形狀和輪廓,可以最大程度上的發(fā)揮你的創(chuàng)意;
  4. 數(shù)量非常龐大,一共900多款,而且分類非常清晰,方便查找和使用。

部分圖標(biāo)預(yù)覽:

可以隨意變化尺寸:

修改圖標(biāo)顏色:

填加漸變風(fēng)格

修改形狀和輪廓:

如何在Axure中使用圖標(biāo)元件庫(kù):

1. 在Axure軟件中元件庫(kù)面板中點(diǎn)擊更多圖標(biāo),然后選擇載入元件庫(kù);

2. 選擇已經(jīng)下載好的元件庫(kù)文件;

3. 然后再在元件庫(kù)下拉菜單中選擇Material Design Icon Library就可以看到載入的圖標(biāo)元件了,然后就是將需要的圖標(biāo)拖入的編輯界面中使用了。

另外需要特別說(shuō)明的是,使用上面的方法載入的元件庫(kù)可能在軟件重啟之后就看不到了,這需要再次重新載入。為了避免這種情況,你可以直接將元件庫(kù)復(fù)制到Axure的元件庫(kù)目錄中,這樣就不需要重新載入了。

元件庫(kù)目錄一般在以下位置:

C:\Users\系統(tǒng)用戶名\Documents\Axure\Libraries

如果你的軟件已經(jīng)漢化,該目錄應(yīng)該是:

C:\Users\系統(tǒng)用戶名\Documents\Axure\元件庫(kù)

將Material Design Icon Library.rplib這個(gè)文件拷入進(jìn)去,然后重啟軟件就可以了。

Google Material Design 900個(gè)實(shí)用圖標(biāo)的Axure組件庫(kù)下載地址:

鏈接: https://pan.baidu.com/s/1slpYl2X 密碼: puwi

 

本文由 @windir?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 非常感謝

    來(lái)自廣東 回復(fù)
  2. 謝謝分享

    來(lái)自江蘇 回復(fù)
  3. 如何修改圖標(biāo)的顏色???

    回復(fù)
  4. 太棒了,感謝分享

    來(lái)自福建 回復(fù)
  5. 感謝分享,樓主太贊了 :mrgreen:

    來(lái)自廣東 回復(fù)
  6. 干貨

    來(lái)自上海 回復(fù)
  7. 感謝分享~~

    來(lái)自四川 回復(fù)
  8. 好人一生平安~

    回復(fù)
  9. 好人一生平安

    來(lái)自江蘇 回復(fù)
  10. 好東西 謝謝分享

    來(lái)自上海 回復(fù)
    1. 怎么下載呢

      來(lái)自北京 回復(fù)
  11. 漸變風(fēng)格是怎么做出來(lái)的

    來(lái)自廣東 回復(fù)
    1. 選中元件,在顏色設(shè)置里面,頂部可以設(shè)置漸變效果。

      來(lái)自廣東 回復(fù)
  12. 還行,我給推薦一個(gè)吧:http://www.iconfont.cn/ 阿里iconfont想要的圖片應(yīng)有盡有,還可以自定義大小、顏色、局部顏色。一般的產(chǎn)品設(shè)計(jì)圖標(biāo)需求絕對(duì)是滿足的。

    來(lái)自廣東 回復(fù)
    1. 是的,這個(gè)網(wǎng)站也是一個(gè)找圖標(biāo)的好網(wǎng)站,我一般會(huì)搭配著用。

      來(lái)自廣東 回復(fù)
    2. 可是這個(gè)網(wǎng)站下載的是圖片,請(qǐng)教如何修改顏色呢?

      來(lái)自廣東 回復(fù)
  13. 厲害了,趕緊馬住干貨來(lái)占坑

    來(lái)自廣東 回復(fù)
  14. 這個(gè)很棒

    來(lái)自浙江 回復(fù)
  15. 感謝哦,今天正好一直在找

    來(lái)自江蘇 回復(fù)
  16. 搞不清楚為什么要圖標(biāo),這樣做頁(yè)時(shí)找圖標(biāo),自己先做好demo,有基礎(chǔ)的圖標(biāo),比如返回等等,之后的界面上的新圖標(biāo)畫一個(gè)占位符寫上字不是效率更高,如果原型作為演示,那肯定的去找

    來(lái)自浙江 回復(fù)
  17. 這個(gè)必須點(diǎn)贊?。?!太棒了

    來(lái)自北京 回復(fù)
  18. 超級(jí)棒的素材,非常感謝

    來(lái)自廣東 回復(fù)
    1. 哈哈,謝謝支持,以后我會(huì)給大家分享更多實(shí)用的Axure元件庫(kù)或模板的。

      來(lái)自廣東 回復(fù)
    2. ??

      來(lái)自廣東 回復(fù)