圖標的使用在設計界已經無處不在了,目前被廣泛用於UI和網頁設計的界面領域。然而,圖標資源網站很多,真的很多,但實際好用的,我只推薦這幾個。下面請看看達人為大家整理的一系列圖標素材資源,建議收藏分享。
目錄:
一、扁平化、擬物化、表情圖標
二、網頁字體圖標
三、logo圖標
四、圖標製作工具
iconstore 的圖標可能沒其它圖標庫數量多,但重要的是icon質量好,並有詳細的分類,大家可以通過分類來查找和項目相關的圖標。
網站地址:https://iconstore.co
Easyicon這是一個可以用中文搜索的圖標網站,所以覺得用戶英文麻煩的同學可以使用這個,實際上,這個也只是把中文自動翻譯成英文~
包含圖標內容:扁平化、擬物化、表情
網站地址:http://www.easyicon.net/ (已加入設計導航搜索條)
Iconfiner老牌圖標素材搜尋引擎,裡面有些付費圖標不錯,主打扁平化系列圖標。
包含圖標內容:扁平化、擬物化、表情
網站地址:http://www.iconfinder.com/
阿里圖標庫用戶不僅可以在這裡搜索下載ICON,還集成上傳、收藏、管理圖標功能,是國內不錯的圖標管理工具。
網站地址:http://www.iconfont.cn/
Flaticon專注扁平化圖標,真的超多……
網站地址:https://www.flaticon.com
Noun Project這是一個純扁平化圖標提供網站,全部均可免費使用,當然設計達人網小編認為這裡最牛 B 之處就是:圖標高度可識別性!
包含圖標內容:扁平化
我們將這個網站也放到了設計導航的素材搜索欄目,大家可以直接在設計導航的搜索條來搜索 Noun Project 的圖標。
網站地址:https://thenounproject.com/ (已加入設計導航搜索條)
設計導航:http://hao.shejidaren.com/
網頁字體圖標相當多,但流行使用的也就這麼幾個,所以我們只列出幾個優秀的 icon font,更多可以看看我以前的文章《30個免費網頁圖標字體》
Fontawesome可能是世界上使用最多的開源網頁字體,幾乎你想要的圖標都有了,並且國內也有這個字體的 CDN,真的相當好用。
網站地址:http://fontawesome.io/
PrestaShop Official Icon PackPrestaShop 是開源電子商務平臺,原先這個平臺使用的也是 Fontawesome,因平臺改版設計團隊重新設計了一套新的圖標包,並十分適用於電商行業,目前是免費下載使用。
網站地址:http://build.prestashop.com/news/icon-pack-beta/
EGO Icon一套設計非常個性的圖標,因為圖標填充了顏色,所以放大使用也有不錯的效果。作為設計師,即使不下載,也可以當前參考。目前開放100個免費圖標下載。
註:這不是網頁圖標字體,但覺得很有特色,推薦大家看看。
網站地址:http://ego-icons.com/
谷歌 Material Design 圖標Material design UI 必備圖標,總數超750個圖標,系統界面、網站、移動 APP 都足夠用了。當然也可以單獨下載 SVG 或 PNG 格式的圖標。
網站地址:http://www.shejidaren.com/material-icons.html
三、LOGO圖標素材有時候,我們經常要找一些大品牌公司的 LOGO 源文件,可是用 google 或 百度時,只能找到圖片,所以如果需要LOGO源文件的同學,可以試試這2個網站。
Logo EPS提供了大量的品牌標誌源文件,比如 NBA, GOOGLE, VISA 等等著名品牌 LOGO,請注意是用英文搜索哦。
網站地址:http://www.logoeps.com/
FREEPIK這是一個老牌矢量素材站,不僅僅是 LOGO,可以說是什麼都有,缺點:網站速度超級慢……
網站地址:http://www.freepik.com/index.php?goto=2&searchform=1&k=LOGO
50款優質企業 LOGO 模板(無版權限制)一共有50款企業類的標誌素材,如果急著想要免費的標誌,那麼可以看看標誌模板包,完全免費。
網站地址:http://www.shejidaren.com/50-free-logo-templates.html
四、圖標製作工具正常設計圖標都是用 AI, PS,Sketch 這些標準專業設計軟體,但如果是小工具,比如把圖標轉成網頁字體,又或者要製作 icon 格式的圖標,就需要另類的工具了。
網頁 Favicon 圖標工具:Xiconeditorfavicon圖標就是瀏覽器 tab 標籤哪個小圖標,PS 不支持製作這種格式的圖標,但大家可以能過在線生成工具來製作,比如這個 xiconeditor。
網站地址:http://www.xiconeditor.com/
網頁圖標生成工具 1:Icomoon網站地址:https://icomoon.io/
網頁圖標製作工具 2: FontelloFontello 裡面有超多圖標,用戶可以從圖標庫裡挑選網站所有需要的圖標,然後把所有挑選選的圖標,生成一個字體文件,這樣就可以在網頁裡調用了。
網站地址:http://fontello.com/
圖標製作軟體 1:IcoFX(Windows 系統)IcoFX 可以說是專為 windows 下的軟體圖標和光標而創造,一次性製作多個解析度,在Windows 8和 Macintosh的圖標支持透明工作,當然也支付網站 icon 格式的圖標了。
這個軟體是付費的,當然你可以某度一下。。
網站地址:http://icofx.ro/
圖標製作軟體 2:Icon Slate(MAC系統)Icon Slate可讓您輕鬆撰寫,導入和導出桌面和行動裝置的多種格式、多個尺寸的圖標。格式有:蘋果ICNS,微軟ICO,CandyBar iContainer,圖像(PNG或TIFF)。
網站地址:https://www.kodlian.com/apps/icon-slate
總結有了這麼多圖標素材資源,做項目時,既可提高效率,也可用於尋找靈感,如果時間允許,還是建議單獨設計一套和自己品牌吻合的圖標。
今天分享到這裡,有好的圖標資源,歡迎提交給我們,分享快樂。
不錯過任何高品質
設計靈感、經驗、教程
▼