不會畫圖標,這些源文件拿去用吧!

2022-8-5    seo達人

正文

圖標設計對于UI設計師來說屬于非?;A的技能要求,甚至很多入門級設計師都會畫,只是畫得不一定規(guī)范,或者缺少創(chuàng)意和質感。不過也有一些剛入行的新人設計師,圖標設計的能力還比較薄弱,在項目中效率比較低。

因此圖標素材成為了提高工作效率的途徑,為了幫助這部分同學獲得更多圖標資源,黑馬哥為大家整理了十余個優(yōu)質的圖標素材庫,希望可以帶給大家更多幫助。

 

1. 善用圖標庫

我們可以運用圖標素材庫的資源來提高我們的工作效率,但是不適宜過度依賴,僅限于入行前期的經驗過度。

針對已經具備一定經驗的設計師來說,不適合過度使用素材解決工作需求,可以將圖標素材庫作為靈感來源。參考別人的風格和技法表現(xiàn)形式,以此來創(chuàng)作出屬于具備自己思考的作品。

圖片

 

2. 圖標素材庫推薦

為了方便初入行業(yè)的同學掌握更多資源,為大家整理了如下圖標設計網站,大家在使用的時候自行閱讀相關平臺的規(guī)則說明。

2.1 Flaticon

Flaticon 擁有超過 780 萬多個矢量圖標和貼紙等素材,提供 PNG、SVG、EPS、PSD 和 CSS 等格式。該圖標素材庫包含界面圖標、動效圖標、標志和貼紙等,作品的質量還是比較高的,可以滿足很多設計場景的需求。

圖片圖片

2.2 Noun Project

Noun Project 提供了超過 300 萬個藝術品質的免費圖標,可以下載 PNG 或者 SVG 等文件以便于編輯。

圖片

2.3 ICONS8

ICONS8 對于一些設計師來說比較熟悉,提供了幾十款樣式的免費圖標素材,還有設計工具和插件的推薦等。除了圖標素材以外,還有插畫素材和一些不錯的照片素材,種類豐富且質量都還不錯,值得沒事的時候逛一逛。

圖片

2.4 Iconfinder

Iconfinder 擁有圖標、插圖、3D 插圖、貼紙等素材,里面提供了非常多的圖標素材,還可以通過內置的色彩編輯器進行調整。只需要簡單的操作就可以對圖標和插圖進行重新著色,下載 SVG、PNG 格式或者復制參數(shù)等。

圖片

2.5 IconPark

IconPark 圖標庫已被字節(jié)眾多產品線使用,擁有 2600+ 基礎圖標,29 種圖標分類,為你的設計提供更多的選擇。

圖片

2.6 Freepik

Freepik 提供的素材不只是圖標,還有字體、插圖、漫畫、海報、樣機、標志等等內容,種類比較豐富。圖標的分類也比較豐富,素材資源眾多,可以滿足我們多樣化的設計需求。

圖片

2.7 Iconfont

Iconfont 對于大家來說非常熟悉了,相信很多設計師都去下載過圖標素材,是由阿里媽媽 MUX 傾力打造的矢量圖標管理和交流平臺。設計師將圖標上傳到 iconfont 平臺,用戶可以自定義下載多種格式的 icon,平臺也可將圖標轉換為字體,便于前端工程師自由調整與調用。

圖片

2.8 Ionicons

Ionicons 提供了完全開源的圖標設計素材,用于 Web、iOS、Android 和桌面應用程序,支持 SVG 和代碼文件下載。

圖片

2.9 Flat Icon Design

來自日本設計師團隊創(chuàng)辦的提供免費圖標素材下載的網站,和別的圖標素材網站不同,該網站收錄了眾多扁平設計風格的圖標,帶給各位設計師更多樣化的選擇。

圖片

2.10 Fontello

圖標字體生成器,將你的圖標拖進網站自動生成。網站也提供了眾多圖標可以下載。圖標大小可以自動調節(jié),然后批量選擇好一次性下載,非常方便實用的一個網站。

圖片

2.11 Logobook

Logobook 提供了很多黑白的創(chuàng)意圖形,可以作為我們設計靈感的參考來源。通過對基礎圖形的創(chuàng)意靈感,探索出圖標設計的想法,是一個靈感來源不錯的平臺之一。

圖片

2.12 Iconsfeed

Iconsfeed 展示了很多的應用圖標設計案例,分類也是非常的豐富,可以根據(jù)自己的需求尋找對應的設計靈感。

圖片

 

小結

為大家選擇了 12 個圖標素材網站,大家使用時記得仔細閱讀各平臺的條款說明,本分享僅為參考。

3. 溫馨提示

通過圖標素材庫雖然可以讓我們偷懶一些,但是并非長久之計,一旦遇到更高要求的設計需求時,過度依賴素材容易讓我們提前步入瓶頸期。要掌握圖標設計的規(guī)范、風格趨勢、表現(xiàn)技法、深入質感的方向等等,只有具備優(yōu)秀的圖標設計能力,才能在項目中隨意發(fā)揮。

圖片

4. 圖標設計能力提升

圖標設計入門很簡單,但是從“會畫”到“畫好”之間卻存在一定的差距。圖標設計的能力屬于動手能力的提升,沒有捷徑可走,唯有掌握方法并反復磨練。

4.1 臨摹起步

臨摹是圖標設計訓練的起步,大量的臨摹可以提高軟件操作的熟練度和造型設計的把控,也能不斷提高簡化圖形的思路。臨摹的量不能太低,臨摹幾個幾十個是沒有作用的,起碼也得上百個起步,只有量變才能引起質變。

圖片

4.2 拆解圖標素材

從運用素材到拆解素材,是依賴素材到探索技法的轉變。拆解圖標素材的造型結構、規(guī)范參數(shù)、表現(xiàn)技法、配色關系、細節(jié)和一些比例關系等,掌握并還原素材的能力,這樣才能不斷掌握各類圖標風格的設計能力。

圖片

4.3 圖標案例分析

具備技法層面的能力是基礎,培養(yǎng)靈感需要積累大量案例并分析總結。體驗線上的各類產品,分析圖標設計的風格趨勢,并形成經驗總結,只有不斷體驗和總結才能把控圖標設計的運用趨勢。

圖片

4.4 強化日常輸出

除了完成項目需求以外,日常的探索和磨練也是至關重要的,只有經歷過千錘百煉之后才能隨心所欲。看到優(yōu)秀的作品要去研究并轉換成自己的作品,掌握技法并形成自己獨特的理解。定期輸出作品是為了不斷強化自己的動手能力,也是持續(xù)激活腦細胞的過程,讓我們的靈感源源不斷的成長。

圖片

 有人帶好進步 

如果你通過自學無法更快的提升自己圖標設計的能力,專業(yè)能力依然處于入門級或者初級階段,那就找黑馬哥帶一下吧!有人帶進步更快,才能在短時間內從入門級進階到高級以上能力。

圖片

黑馬哥會帶你分析設計思路、拆解技術難點和掌握設計原則,通過案例實戰(zhàn)的形式讓你更快的掌握。再配合日常作業(yè)的一對一指導,發(fā)現(xiàn)你作品中的問題并逐個修改,達到較高質量的輸出。

圖片

也會指點工作項目中的設計,讓你在工作中更快的提高效率和發(fā)揮更高的價值,實現(xiàn)專業(yè)能力的落地和職場路徑的晉升。

圖片

 

原文地址:黑馬家族(公眾號)

作者:黑馬青年

轉載請注明:學UI網》不會畫圖標,這些源文件拿去用吧!

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。

藍藍設計sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔