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