做前端設計、網頁設計的，素材永遠很重要。因為素材的美觀程度往往直接決定了網頁頁面的風格、整潔度、色調等等。
我大學時候，在壹家非常小型的創業公司實習。公司人員只有幾個，所以在那時我基本上算是獨立開發了壹個旅遊酒店訂購平臺，前端設計、後端開發、公眾號開發等等都涉及，那段時間基本是我最全能的時候了。
所以當時我也收集了許多的前端素材，在這裏壹並分享給大家。
壹、圖標類
每壹個Web開發者，尤其是前端開發人員壹定都會需要icon圖標來為項目增色。
FontAwesomeIcons
FontAwesome提供可縮放的矢量圖標，可以使用CSS所提供的所有特性對它們進行更改，包括：大小、顏色、陰影或者其它任何支持的效果。
IconMonster
特點：免費，高質量,。非常簡潔的icon圖標庫。
IconFinder
這是壹個比較有設計感的Icon圖庫，並且已經打包分類好，缺點是只有部分是免費的。個人覺得裏面免費的圖庫也已經夠用了。
附上聖誕特輯！
Iconfont-Alibaba
阿裏巴巴UX部門推出的矢量圖標管理網站，也是國內首家推廣Webfont形式圖標的平臺。這個相信大家都用過！
二、圖片素材
無版權限制的圖片素材
PEXELS
Pexels可以說是圖片素材界的超級網紅了，說到圖片肯定哪裏都有它，我自己都推薦好幾次了。可以免費下載各種各樣的分辨率，包括原圖尺寸。
例如搜索：聖誕節（Christamas）
PNGimg
這個主要用作素材，是不同種類的無背景素材圖片！直接可以免費用。註意它是全部都是無背景圖片，非常適合那些需要PNG透明底配圖的。
例如搜索：Birds
KaboomPics
KaboomPics是以生活化免費高質量圖片素材為主的圖片素材庫。裏面的圖片都是攝影愛好者攝影後通過審核上傳的。並且可以應用於任何項目，沒有版權限制。
自媒體可以從中找封面圖，攝影愛好者也可以從中欣賞或著學習。
Unsplash
先這樣~希望這些資源對妳有幫助，下次還會更新壹些web開發的常用工具。
如果有幫助，歡迎關註我以示支持，也以防錯過下壹波幹貨！~