圖標的使用在設計界已經無處不在了,目前被廣泛用于UI和網頁設計的界面領域。我們使用圖標時,一般是以下這六種展現形式或用途。
文章目錄:
一、扁平化、擬物化、表情圖標
二、網頁字體圖標
三、logo圖標
四、圖標制作工具
一、扁平化、擬物化、表情圖標
iconstore圖標庫
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/ (已加入設計導航搜索條)
二、 網頁字體圖標
網頁字體圖標相當多,但流行使用的也就這么幾個,所以我們只列出幾個優秀的 icon font,更多可以看看我以前的文章《30個免費網頁圖標字體》
Fontawesome
可能是世界上使用最多的開源網頁字體,幾乎你想要的圖標都有了,并且國內也有這個字體的 CDN,真的相當好用。
網站地址:http://fontawesome.io/
PrestaShop official icon pack
PrestaShop 是開源電子商務平臺,原先這個平臺使用的也是 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 圖標工具:xiconeditor
favicon圖標就是瀏覽器 tab 標簽哪個小圖標,PS 不支持制作這種格式的圖標,但大家可以能過在線生成工具來制作,比如這個 xiconeditor。
網站地址:http://www.xiconeditor.com/
網頁圖標生成工具 1:icomoon
網站地址:https://icomoon.io/
網頁圖標制作工具 2: fontello
Fontello 里面有超多圖標,用戶可以從圖標庫里挑選網站所有需要的圖標,然后把所有挑選選的圖標,生成一個字體文件,這樣就可以在網頁里調用了。
網站地址: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
總結
有了這么多圖標庫,做項目時,都可以提高效率,當然如果時間允許,并且有設計師的企業,還是建議單獨設計一套和自己品牌勿合的圖標。
今天分享到這里,有好的圖標資源,歡迎提交給我們,分享快樂。