圖標(biāo)設(shè)計(jì)對(duì)于UI設(shè)計(jì)師來(lái)說(shuō)屬于非?；A(chǔ)的技能要求，甚至很多入門(mén)級(jí)設(shè)計(jì)師都會(huì)畫(huà)，只是畫(huà)得不一定規(guī)范，或者缺少創(chuàng)意和質(zhì)感。不過(guò)也有一些剛?cè)胄械男氯嗽O(shè)計(jì)師，圖標(biāo)設(shè)計(jì)的能力還比較薄弱，在項(xiàng)目中效率比較低。
因此圖標(biāo)素材成為了提高工作效率的途徑，為了幫助這部分同學(xué)獲得更多圖標(biāo)資源，黑馬哥為大家整理了十余個(gè)優(yōu)質(zhì)的圖標(biāo)素材庫(kù)，希望可以帶給大家更多幫助。
1. 善用圖標(biāo)庫(kù)
我們可以運(yùn)用圖標(biāo)素材庫(kù)的資源來(lái)提高我們的工作效率，但是不適宜過(guò)度依賴(lài)，僅限于入行前期的經(jīng)驗(yàn)過(guò)度。
針對(duì)已經(jīng)具備一定經(jīng)驗(yàn)的設(shè)計(jì)師來(lái)說(shuō)，不適合過(guò)度使用素材解決工作需求，可以將圖標(biāo)素材庫(kù)作為靈感來(lái)源。參考別人的風(fēng)格和技法表現(xiàn)形式，以此來(lái)創(chuàng)作出屬于具備自己思考的作品。
2. 圖標(biāo)素材庫(kù)推薦
為了方便初入行業(yè)的同學(xué)掌握更多資源，為大家整理了如下圖標(biāo)設(shè)計(jì)網(wǎng)站，大家在使用的時(shí)候自行閱讀相關(guān)平臺(tái)的規(guī)則說(shuō)明。
2.1 Flaticon
Flaticon 擁有超過(guò) 780 萬(wàn)多個(gè)矢量圖標(biāo)和貼紙等素材，提供 PNG、SVG、EPS、PSD 和 CSS 等格式。該圖標(biāo)素材庫(kù)包含界面圖標(biāo)、動(dòng)效圖標(biāo)、標(biāo)志和貼紙等，作品的質(zhì)量還是比較高的，可以滿(mǎn)足很多設(shè)計(jì)場(chǎng)景的需求。
2.2 Noun Project
Noun Project 提供了超過(guò) 300 萬(wàn)個(gè)藝術(shù)品質(zhì)的免費(fèi)圖標(biāo)，可以下載 PNG 或者 SVG 等文件以便于編輯。
2.3 ICONS8
ICONS8 對(duì)于一些設(shè)計(jì)師來(lái)說(shuō)比較熟悉，提供了幾十款樣式的免費(fèi)圖標(biāo)素材，還有設(shè)計(jì)工具和插件的推薦等。除了圖標(biāo)素材以外，還有插畫(huà)素材和一些不錯(cuò)的照片素材，種類(lèi)豐富且質(zhì)量都還不錯(cuò)，值得沒(méi)事的時(shí)候逛一逛。
2.4 Iconfinder
Iconfinder 擁有圖標(biāo)、插圖、3D 插圖、貼紙等素材，里面提供了非常多的圖標(biāo)素材，還可以通過(guò)內(nèi)置的色彩編輯器進(jìn)行調(diào)整。只需要簡(jiǎn)單的操作就可以對(duì)圖標(biāo)和插圖進(jìn)行重新著色，下載 SVG、PNG 格式或者復(fù)制參數(shù)等。
2.5 IconPark
IconPark 圖標(biāo)庫(kù)已被字節(jié)眾多產(chǎn)品線(xiàn)使用，擁有 2600+ 基礎(chǔ)圖標(biāo)，29 種圖標(biāo)分類(lèi)，為你的設(shè)計(jì)提供更多的選擇。
2.6 Freepik
Freepik 提供的素材不只是圖標(biāo)，還有字體、插圖、漫畫(huà)、海報(bào)、樣機(jī)、標(biāo)志等等內(nèi)容，種類(lèi)比較豐富。圖標(biāo)的分類(lèi)也比較豐富，素材資源眾多，可以滿(mǎn)足我們多樣化的設(shè)計(jì)需求。
2.7 Iconfont
Iconfont 對(duì)于大家來(lái)說(shuō)非常熟悉了，相信很多設(shè)計(jì)師都去下載過(guò)圖標(biāo)素材，是由阿里媽媽 MUX 傾力打造的矢量圖標(biāo)管理和交流平臺(tái)。設(shè)計(jì)師將圖標(biāo)上傳到 iconfont 平臺(tái)，用戶(hù)可以自定義下載多種格式的 icon，平臺(tái)也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。
2.8 Ionicons
Ionicons 提供了完全開(kāi)源的圖標(biāo)設(shè)計(jì)素材，用于 Web、iOS、Android 和桌面應(yīng)用程序，支持 SVG 和代碼文件下載。
2.9 Flat Icon Design
來(lái)自日本設(shè)計(jì)師團(tuán)隊(duì)創(chuàng)辦的提供免費(fèi)圖標(biāo)素材下載的網(wǎng)站，和別的圖標(biāo)素材網(wǎng)站不同，該網(wǎng)站收錄了眾多扁平設(shè)計(jì)風(fēng)格的圖標(biāo)，帶給各位設(shè)計(jì)師更多樣化的選擇。
2.10 Fontello
圖標(biāo)字體生成器，將你的圖標(biāo)拖進(jìn)網(wǎng)站自動(dòng)生成。網(wǎng)站也提供了眾多圖標(biāo)可以下載。圖標(biāo)大小可以自動(dòng)調(diào)節(jié)，然后批量選擇好一次性下載，非常方便實(shí)用的一個(gè)網(wǎng)站。
2.11 Logobook
Logobook 提供了很多黑白的創(chuàng)意圖形，可以作為我們?cè)O(shè)計(jì)靈感的參考來(lái)源。通過(guò)對(duì)基礎(chǔ)圖形的創(chuàng)意靈感，探索出圖標(biāo)設(shè)計(jì)的想法，是一個(gè)靈感來(lái)源不錯(cuò)的平臺(tái)之一。
2.12 Iconsfeed
Iconsfeed 展示了很多的應(yīng)用圖標(biāo)設(shè)計(jì)案例，分類(lèi)也是非常的豐富，可以根據(jù)自己的需求尋找對(duì)應(yīng)的設(shè)計(jì)靈感。
小結(jié)
為大家選擇了 12 個(gè)圖標(biāo)素材網(wǎng)站，大家使用時(shí)記得仔細(xì)閱讀各平臺(tái)的條款說(shuō)明，本分享僅為參考。
3. 溫馨提示
通過(guò)圖標(biāo)素材庫(kù)雖然可以讓我們偷懶一些，但是并非長(zhǎng)久之計(jì)，一旦遇到更高要求的設(shè)計(jì)需求時(shí)，過(guò)度依賴(lài)素材容易讓我們提前步入瓶頸期。要掌握?qǐng)D標(biāo)設(shè)計(jì)的規(guī)范、風(fēng)格趨勢(shì)、表現(xiàn)技法、深入質(zhì)感的方向等等，只有具備優(yōu)秀的圖標(biāo)設(shè)計(jì)能力，才能在項(xiàng)目中隨意發(fā)揮。
4. 圖標(biāo)設(shè)計(jì)能力提升
圖標(biāo)設(shè)計(jì)入門(mén)很簡(jiǎn)單，但是從“會(huì)畫(huà)”到“畫(huà)好”之間卻存在一定的差距。圖標(biāo)設(shè)計(jì)的能力屬于動(dòng)手能力的提升，沒(méi)有捷徑可走，唯有掌握方法并反復(fù)磨練。
4.1 臨摹起步
臨摹是圖標(biāo)設(shè)計(jì)訓(xùn)練的起步，大量的臨摹可以提高軟件操作的熟練度和造型設(shè)計(jì)的把控，也能不斷提高簡(jiǎn)化圖形的思路。臨摹的量不能太低，臨摹幾個(gè)幾十個(gè)是沒(méi)有作用的，起碼也得上百個(gè)起步，只有量變才能引起質(zhì)變。
4.2 拆解圖標(biāo)素材
從運(yùn)用素材到拆解素材，是依賴(lài)素材到探索技法的轉(zhuǎn)變。拆解圖標(biāo)素材的造型結(jié)構(gòu)、規(guī)范參數(shù)、表現(xiàn)技法、配色關(guān)系、細(xì)節(jié)和一些比例關(guān)系等，掌握并還原素材的能力，這樣才能不斷掌握各類(lèi)圖標(biāo)風(fēng)格的設(shè)計(jì)能力。
4.3 圖標(biāo)案例分析
具備技法層面的能力是基礎(chǔ)，培養(yǎng)靈感需要積累大量案例并分析總結(jié)。體驗(yàn)線(xiàn)上的各類(lèi)產(chǎn)品，分析圖標(biāo)設(shè)計(jì)的風(fēng)格趨勢(shì)，并形成經(jīng)驗(yàn)總結(jié)，只有不斷體驗(yàn)和總結(jié)才能把控圖標(biāo)設(shè)計(jì)的運(yùn)用趨勢(shì)。
4.4 強(qiáng)化日常輸出
除了完成項(xiàng)目需求以外，日常的探索和磨練也是至關(guān)重要的，只有經(jīng)歷過(guò)千錘百煉之后才能隨心所欲?？吹絻?yōu)秀的作品要去研究并轉(zhuǎn)換成自己的作品，掌握技法并形成自己獨(dú)特的理解。定期輸出作品是為了不斷強(qiáng)化自己的動(dòng)手能力，也是持續(xù)激活腦細(xì)胞的過(guò)程，讓我們的靈感源源不斷的成長(zhǎng)。
有人帶好進(jìn)步
如果你通過(guò)自學(xué)無(wú)法更快的提升自己圖標(biāo)設(shè)計(jì)的能力，專(zhuān)業(yè)能力依然處于入門(mén)級(jí)或者初級(jí)階段，那就找黑馬哥帶一下吧！有人帶進(jìn)步更快，才能在短時(shí)間內(nèi)從入門(mén)級(jí)進(jìn)階到高級(jí)以上能力。
黑馬哥會(huì)帶你分析設(shè)計(jì)思路、拆解技術(shù)難點(diǎn)和掌握設(shè)計(jì)原則，通過(guò)案例實(shí)戰(zhàn)的形式讓你更快的掌握。再配合日常作業(yè)的一對(duì)一指導(dǎo)，發(fā)現(xiàn)你作品中的問(wèn)題并逐個(gè)修改，達(dá)到較高質(zhì)量的輸出。
也會(huì)指點(diǎn)工作項(xiàng)目中的設(shè)計(jì)，讓你在工作中更快的提高效率和發(fā)揮更高的價(jià)值，實(shí)現(xiàn)專(zhuān)業(yè)能力的落地和職場(chǎng)路徑的晉升。
原文地址：黑馬家族（公眾號(hào)）
作者：黑馬青年
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》不會(huì)畫(huà)圖標(biāo)，這些源文件拿去用吧！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( m.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司