Google Material Design:900個(gè)實(shí)用圖標(biāo)的Axure組件庫(kù)分享
本文作者將分享一套來(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ù)的特性:
- 這是一套矢量的圖標(biāo)庫(kù)、可以隨意變化尺寸,不會(huì)出現(xiàn)鋸齒;
- 支持直接修改顏色或填加漸變風(fēng)格、讓圖標(biāo)更符合你的設(shè)計(jì)風(fēng)格(這點(diǎn)很重要);
- 支持修改形狀和輪廓,可以最大程度上的發(fā)揮你的創(chuàng)意;
- 數(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)載。
非常感謝
謝謝分享
如何修改圖標(biāo)的顏色???
太棒了,感謝分享
感謝分享,樓主太贊了
干貨
感謝分享~~
好人一生平安~
好人一生平安
好東西 謝謝分享
怎么下載呢
漸變風(fēng)格是怎么做出來(lái)的
選中元件,在顏色設(shè)置里面,頂部可以設(shè)置漸變效果。
還行,我給推薦一個(gè)吧:http://www.iconfont.cn/ 阿里iconfont想要的圖片應(yīng)有盡有,還可以自定義大小、顏色、局部顏色。一般的產(chǎn)品設(shè)計(jì)圖標(biāo)需求絕對(duì)是滿足的。
是的,這個(gè)網(wǎng)站也是一個(gè)找圖標(biāo)的好網(wǎng)站,我一般會(huì)搭配著用。
可是這個(gè)網(wǎng)站下載的是圖片,請(qǐng)教如何修改顏色呢?
厲害了,趕緊馬住干貨來(lái)占坑
這個(gè)很棒
感謝哦,今天正好一直在找
搞不清楚為什么要圖標(biāo),這樣做頁(yè)時(shí)找圖標(biāo),自己先做好demo,有基礎(chǔ)的圖標(biāo),比如返回等等,之后的界面上的新圖標(biāo)畫一個(gè)占位符寫上字不是效率更高,如果原型作為演示,那肯定的去找
這個(gè)必須點(diǎn)贊?。?!太棒了
超級(jí)棒的素材,非常感謝
哈哈,謝謝支持,以后我會(huì)給大家分享更多實(shí)用的Axure元件庫(kù)或模板的。
??