300+值得收藏的設計師資源站

 　　素材和資源的重要性往往是通過加班體現出來的。不論是做產品還是搞設計，解決方案總是能找到的，萬一找不到也總能妥協出來。但是如果想要縮短加班時間甚至不加班，多快好省地把東西給弄出來，就不得不靠“飛速找資源，合理用素材”這一技能了。新年新氣象，多玩少加班，能不能成，就看你了!

　　不得不承認，有的時候真的很想認認真真打磨一個LOGO，或者調整一個頁面，但是回頭看看背後焦躁的開發和抓狂的PM，你也只能默默對自己說“下一次吧”。牛逼的團隊裡設計師好象總是“又快又好”的代名詞，但是輪到自己團隊的時候好象就剩下“快”了。提升確實非一日之功。你需要擁有更多的素材，看更多的作品，更扎實的功底;你需要明白前端和開發在意的事情，PM在商業上的考慮，你需要更寬廣的視野和更開闊的眼界。不要糾結，提升自己就從下面的300+網站開始吧!

　　→ 設計 + 代碼 ←

　　A. 免費設計資源

　　Freebbble : 網站搜集了來自 Dribbble 的免費素材.

　　Dribbble : 在 Dribbble 中搜索 “freebie” 能找到許多免費的好東西.

　　Graphic Burger : 這裡的每一個設計資源都足夠精致.

　　Pixel Buddha : 為專業人士准備的設計素材，有免費的好資源，也有收費的進階版.

　　Premium Pixels : 為創意工作者准備的素材.

　　Fribbble : Dribbble設計師的免費素材，項目由 Gilbert Pellegrom 所策劃.

　　Freebiesbug : 最新最熱的PSD等設計素材，為設計師而生.

　　365 Psd :每天一款免費的PSD.

　　Dbf : 這裡有來自Dribbble和Behance的免費資源.

　　Marvel : 來自著名設計師的免費素材.

　　UI Space : 來自那些炫酷的創意工作者的高品質設計資源.

　　Free Section of Pixeden : 大量免費設計資源.

　　Free Section of Creative Market : 每周一一波免費設計資源.

　　Teehan+Lax : DiOS 8 GUI PSD (iPhone 6).

　　Teehan+Lax : iPad GUI PSD.

　　Freepik : 給每個人的免費平面設計資源.

　　Tech&All : PSD，技術新聞，免費資源，都在這裡.

　　Tethr : 最漂亮的iOS UI設計工具.

　　B. 取色

　　Material Palette : 幫你生成並導出Material Design配色模板.

　　New Flat UI Color Picker : 最好的扁平化UI設計配色方案.

　　Flat UI Colors : 漂亮的扁平化配色.

　　Coolors : 超級快的配色方案生成工具.

　　Skala Color : 為設計師和開發者而生的優質取色工具.

　　Couleurs : 幫你抓取和調整屏幕上色彩的簡單工具.

　　Material UI Colors : 為Web、Android和iOS而生的 Material ui 配色模板.

　　Colorful Gradients : 計算機自動生成的色階.

　　Adaptive Backgrounds : 從圖像中提取主色.

　　Brand Colors : 知名品牌的配色方案.

　　Paletton : 配色方案設計.

　　0 to 255 : 幫助網頁設計 師找到某一色彩的同色系配色的工具.

　　Colour Lovers : 創建、分享配色和配色方案.

　　Adobe Color CC : 來自Kuler社區的優質配色組合.

　　Bootflat : 來自扁平化設計的完美配色方案.

　　Hex Colorrrs : Hex 轉 RGB 轉換器.

　　Get UI Colors : 炫酷的UI配色.

　　Coleure : 智能取色工具。

　　Colllor : 配色方案生成工具.

　　Palette for Chrome : 從任意圖片生成配色方案的工具.

　　C. 靈感

　　MaterialUp : 每日 Material Design 設計案例.

　　FLTDSGN : 每日更新的最炫酷的扁平化的Web和APP UI設計.

　　Site Inspire : 幫你獲取靈感的網頁設計 案例.

　　UI Cloud : 世界上最大的UI設計數據庫.

　　Moodboard : 在這裡創建Moodboard，並輕松分享.

　　Crayon : 最全面的營銷設計收藏.

　　Land-Book : 產品著陸頁圖庫.

　　Ocean : 設計師共享反饋信息的優質社區.

　　Dribbble : 最炫酷的高品質設計師設計案例分享社區.

　　Behance : 發現並展示充滿創意的設計作品.

　　Pttrns : 移動端界面設計模板.

　　Flat UI Design : 扁平化UI設計.

　　Awwwards : 評選最具創意、最創新也最優秀的網頁設計作品.

　　The Starter Kit : 為開發者和設計師所准備的設計.

　　One Page Love : 單頁設計案例.

　　UI Parade : 設計案例與UI設計工具.

　　The Best Designs : 最佳網頁設計.

　　Agile Designers : 為設計師和開發者准備的最佳資源.

　　Niice : 有腔調的搜索引擎.

　　D. 免費圖庫

　　Stock Up : 免費優質圖片的集中地.

　　Pexels : 搜集最佳免費圖片的網站.

　　All The Free Stock : 免費的優質圖片、視頻和圖標.

　　Unsplash : 免費的高清圖庫.

　　Splashbase : 搜索和發現免費的高清圖片、視頻.

　　Startup Stock Photos : 來這裡，發現並創造更大的世界.

　　Jay Mantri : 可以免費並任意使用的優質圖片.

　　Moveast : 這裡記錄了一個葡萄牙小伙的東行之旅.

　　Travel Coffee Book : 分享旅行的每個美麗瞬間.

　　Designers Pics : 免費可商用的高清圖片.

　　Death to the Stock Photo : 每月更新的免費圖片.

　　Foodie’s Feed : 高清免費的食物圖片.

　　Mazwai : 免費高清的視頻短片.

　　Jéshoots : 免費的現代風照片.

　　Super Famous : 荷蘭交互設計師 Folkert Gorter 的攝影作品.

　　Picography : 免費高清圖庫.

　　Pixabay : 免費高清圖庫.

　　Magdeleine : 每日更新的免費高清圖庫.

　　Snapographic : 可以商用的免費高清圖庫.

　　Little Visuals : 每周發送7張高清免費圖片到你收件箱的網站.

　　Splitshire : 誘人的免費高清圖庫.

　　New Old Stock : 來自公共檔案館的復古照片.

　　Picjumbo : 完全免費的照片.

　　Life of Pix : 免費高清圖庫.

　　Gratisography : 免費高清圖庫.

　　Getrefe : 免費高清圖庫.

　　IM Free : 免費照片等資源的合集網站.

　　Cupcake : 來自一個攝影師的款待，由 Jonas Nilsson Lee 創建.

　　The Pattern Library : 免費的樣式合集.

　　Public Domain Archive : 100%免費的新照片.

　　ISO Republic : 富有創意的高品質圖片合集.

　　Stokpic : 完全免費的照片

　　Kaboompics : 獲取免費照片的最佳途徑.

　　Function : 免費照片合集.

　　MMT : 來自 Jeffrey Betts 的免費照片合集.

　　Paul Jarvis : 免費高分辨率圖片.

　　Lock & Stock Photos : 為你准備的高清圖片.

　　Raumrot : 免費高分辨率圖片.

　　Bucketlistly : 充滿創意的免費旅行照片.

　　更多網站: Free Digital Photos | Morguefile | Public Domain Pictures | Stockvault | ImageFree |Rgbstock | Dreamstime | Free Images | Free Range Stock | Free Photos Bank .

　　其他的精選免費照片:

　　→ 來自 Free Goodies for Designers : (here | here | here | here | here | here | here | here | here |here .),

　　→ 來自 Deal Jumbo: (here | here | here | here | here | here | here | here | here | here .),

　　→ 來自 Dribbble: (here | here | here | here | here | here | here | here | here .),

　　→ 來自 Graphic Burger: (here | here | here | here | here | here | here .)

　　E. 免費排版與字體資源

　　TypeGenius : 為你的設計項目挑選最佳的字體組合.

　　Font Squirrel : 100% 免費商用字體.

　　FontFaceNinja : 幫你找到最佳字體的浏覽器插件.

　　Google Fonts : 為網頁而生的免費開源字體解決方案.

　　Beautiful Web Type : 來自Google Fonts的最佳字體設計.

　　DaFont :可自由下載的字體存檔.

　　1001 Free Fonts : 可以隨便選擇的字體合集.

　　FontPark : 世界上最大的字體存檔.

　　Font-to-width : 幫你適配文本寬度的工具.

　　F. 免費圖標

　　Fontello : 圖標字體生成器.

　　Flat Icon : 幫你在16000+免費矢量圖標裡搜索有用圖標的工具.

　　Material Design Icons : 來自 Google 的750個免費字符合集.

　　Font Awesome :字體和CSS工具.

　　Glyphsearch : 在其他的圖標數據庫中搜索圖標的工具.

　　MakeAppIcon : 一次生成全部尺寸圖標的工具.

　　Endless Icons : 充滿創意的免費扁平化圖標.

　　Ico Moon : 4000+ 免費矢量圖標和生成工具.

　　The Noun Project :來自不同藝術家的上千創意圖標.

　　Perfect Icons : 社交圖標創建工具.

　　Material Design Icons :