開工福利！300+值得收藏的設計師資源站

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

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

雖然可能有少部分推薦網站和之前的文章《一網打盡！200+值得收藏的設計師資源站》相重疊，但是這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: 750 來自 Google的免費Material Design風格圖標.
• Icon Finder: 免費圖標合集網站.
• Free Round Icons: Doodle Set | Flat Set | Vector Line Set
• Icon Sweets: 60 免費PS矢量圖標.

G. 免費實用工具

• UI Names: 隨機生成名字，可以在設計原型中使用.
• UI Faces: 查找并生成頭像，用于UI設計.
• UI Blurbs: 設計原型時，可以幫你快速生成用戶信息.
• Copy Paste Character: 點擊復制工具.
• Window Resizer: 查看你的設計作品在不同屏幕上的顯示效果.

→ 生產力工具 ←

A. 幫你保持專注的環境音

• Noisli: 背景音和色彩生成器.
• Noizio: 幫你放松提高生產力的環境音.
• Defonic: 將各種環境音合成為旋律的工具.
• Designers.mx: 設計師的音樂播放列表.
• Coffitivity: 咖啡館的環境音，幫你提升效率.

B. 防止分心

• Self Control: Mac: 幫你保持專注的應用.
• Cold Turkey: Windows: 幫你專注于工作的工具.

C. 組織協作

• Trello: 記錄一切的工具.
• Evernote: 可能作為你一生記錄工具的優秀軟件.
• Dropbox: 世界上最優秀的網盤之一
• Yanado: 在 Gmail 中使用的管理工具.
• Wetransfer: 免費2GB的上傳空間.
• Drp.io: 免費快速私密易用的圖片托管服務.
• Pocket: 最好的稍后讀軟件，致力于成為你的圖書館的軟件.
• Mailtoself: 一款iOS插件，讓你可以在任何APP中向你的郵箱發筆記.
• List.ly: 發現并創建優質的列表.
• Markticle: 在文章中記錄閱讀進度的工具.

D. 遠程工作

• Nomadlist: 那些適宜于遠程工作的城市.
• Where Nomads at: 發現那些全世界范圍內遠程工作的同行們.
• Nomad Jobs: 那些最優秀的適宜于遠程工作的創業項目.
• What’s It Like: 幫助旅行者找到最佳出行時機.

→ 發現與學習 ←

A. 發現工具/初創項目

• Product Hunt: 最好的新產品策劃，每天都有.
• Angellist: 世界范圍內的初創項目.
• Beta List: 發現并加入屬于未來的創業公司.
• StartupLi.st: 發現，跟蹤，推薦初創公司.
• Startups List: 來自世界各地最佳的初創公司.
• Erli Bird: 偉大的新產品.

B. 協同創造

• Assembly: 共同創建新思路.
• CoFoundersLab: 在不同的地方不同的領域尋找你的合伙人.
• Founder2be:為你的創業公司尋找合伙人

C. LEARN

• Skillshare: 幫你釋放創造力的在線課程和項目.
• Khan Academy: 面向每個人的世界級免費教程.
• Coursera: 來自80+世界頂尖教育機構的免費課程.
• Codecademy: 免費的在線互動式代碼學習平臺.
• 如何開始你的創業項目: As an Audio Podcast 或者 As Online Course.
• Startup Notes: 邀請優秀的創業者教你創業.
• The How: 向優秀的企業家學習
• Launch This Year: 幫你開始你的在線業務的網站.
• Closed Club: 查看失敗的創業項目從中汲取教訓.
• Startup Talks: 一個視頻相關創業項目的合集.
• Rocketship.fm: 每周一次向成功創業者學習的機會.
• reSRC.io: 完全免費的在線編程學習的資源.

D. 那些還不錯的資訊

• Email1K: 30天課程，讓你的訂閱郵件列表翻倍.
• Design for Hackers: 12周在郵件中學會設計.
• Startup Digest: 你所在領域創業項目的個性化資訊閱讀.
• Mattermark Daily: 為投資人和創始人們準備的資訊.
• ChargeWhatYou’reWorth: 幫你提升自我價值的免費課程.
• Product Psychology: 用戶行為研究方面的課程.
• UX Newsletter: 那些關于研究、設計和建筑的傳奇.
• UX Design Weekly: 每周更新的優秀用戶體驗設計.

E. 一些有用的東西

• Foundrs: 聯合創始人股權計算器.
• Ad Spend Calculator: 我的創業項目是否需要廣告?

→ 商業與營銷 ←

A. 免費的網站+LOGO+托管+發票

• HTML5 UP: 響應式的HTML5 + CSS3 網站模板.
• Bootswatch: 免費的Bootstrap主題.
• Templated: 845 款免費 CSS & HTML5 網站模板合集.
• WordPress.org | WordPress.com: 國外流行的博客平臺（自備梯子）.
• Strikingly: 令人印象深刻的免費無限制網站托管.
• Withoomph: 漂亮的LOGO設計.
• Hipster Logo Generator: 時尚流行專業的LOGO生成工具.
• Squarespace Free Logo: 這里你可以免費下載低分辨率版本的LOGO.
• Hive: 世界范圍內首款免費使用的云服務.
• Invoice to me: 免費的發票生成器.
• Free Invoice Generator: 另一個免費的發票生成器.
• Slimvoice: 極為簡單的發票生成工具.

B. 免費的商務/項目名稱生成工具

• The Name App: 為你你的項目找一個好名字
• Naminum: 發現完美的公司名稱.
• Short Domain Search: 幫你尋找一個簡短有力的名稱.
• Wordoid: 幫你的項目找個簡短容易記住的名字.
• Hipster Business Name: Hipster 商務名稱生成器.
• Impossibility: 最佳的名稱生成工具.
• Lean Domain Search: 快速生成網站名稱.
• Domainr: 快速免費名稱生成，短URL生成器.

C. 博客與寫作

• Hemingway: Hemingway App 讓你的寫作清晰而醒目.
• Grammarly: 幫你找到文章中明顯的錯誤.
• Medium: 來自大家的故事和想法.
• ZenPen: 為網站而生的輕量級寫作工具.
• Liberio: 借助Google Drive簡單快速地發布電子書.
• Editorial Calendar: 通過拖拽快速簡便管理你的博客.
• Story Wars: 大家協同寫故事.
• Headline Analyzer: 標題情感營銷分析工具.
• WP Hide Post: 控制博客內容可見性的工具.
• Social Locker: 讓用戶通過發微博的方式來向你“支付”.
• Egg Timer: 標記并設定時間以便重復使用.

D. 發現內容（趨勢、點子）

• Portent:創意內容生成器.
• Google Trends: 一種展示搜索趨勢的新形式.
• Buzzsumo: 幫你分析不同內容的最佳展現形式.
• Hubspot Blog Topic Generator: 定制博客主題.
• Swayy: 發現最火爆流行的內容.
• 其他: Google+最熱 | Twitter 趨勢 | Quora | Reddit

E. 免費的SEO+網站分析

• Open Site Explorer: 全面的鏈接分析工具.
• Ahrefs: 網站瀏覽器和反向鏈接監測工具.
• Quick Sprout: 為你的網站進行全面的分析.
• WordPress SEO by Yoast: 擁有一個有著全面優化的Wordpress網站.
• SEO Site Checkup: 免費幫你檢測SEO問題.
• Hubspot Marketing Grader: 幫你進行營銷分級.
• SimilarWeb: 不論你的網站在哪托管都可以對其進行統計分析.
• Alexa Ranking: 分析網站，網站排名.
• SERPs Rank Checker: 免費的關鍵字排名和SERP檢查.
• OpenLinkProfiler: 最新的反向鏈接，免費的.
• Keywordtool.io: Google Keyword Planner的替代品.
• Google: Analytics | Keyword Planner | Webmaster Tools | Trends
• Nibbler: 網站測試.
• Browseo: 了解搜索引擎如何看待你的網站.
• Broken Links: 找到壞的鏈接、重新定向以及更多.
• Copyscape: 找到網絡上抄襲你網頁的山寨頁面.
• Woorank: 網站評測和SEO工具.
• Google Pagespeed Insights: 測試你網站性能
• Pingdom Website Speed Test: 測試你網站的加載時長
• GTMetrics: 分析你的網站加載速度和性能.
• Moz Local: 檢測你的網站在Google，Bing和其他搜索引擎上的排名.
• XML Sitemaps: XML & HTML 網站地圖生成器.
• W3C validator: 易用的標記驗證服務.
• Shopify E-commerce Report: 獲取屬于你的電子商務報告.

F. 免費的圖片優化

• TinyJPG | TinyPNG.
• Compressor.io: 優化和在線壓縮圖片.
• Kraken: 優化圖片，幫你加速網站訪問速度.
• ImageOptimizer: 調整、壓縮優化圖片文件.
• ImageOptim: 讓圖片盡可能少的占用磁盤空間，提高加載速度.
• Smush.it: 圖片優化的WP插件.

G. 免費的圖片編輯器

• Canva: 極為簡單的博客圖片編輯工具.
• Pixlr: Pixlr Editor 是一款強健的瀏覽器圖片編輯工具.
• Skitch: 用更少的文字傳達信息.
• Easel.ly: 授權任何人創建并分享優秀的視覺設計.
• Social Image Resizer Tool: 為社交媒體優化的圖片.
• Placeit: 免費的產品原型/視覺稿模板.
• Recite: 將語言轉化為一個優秀的視覺作品.
• Meme Generator: 第一個在線Meme生成器.

H. 免費收發郵件

• Contact form 7: 著名的wordpress插件，幫你搜集電子郵件.
• Mailchimp: 可以向2000名訂閱用戶免費發送12000封電子郵件.
• ManyContactsBar: 在你的網站上創建免費的聯系人列表頁.
• Hello Bar: 獲得更多的郵件訂閱者.
• Sumome List Builder: 使用輕量級彈出框來搜集電子郵件.
• Scroll Triggered Box: 提高你網站的轉化率，針對Wordpress.
• Sumome Scroll Box: 禮貌地搜集更多電子郵箱.

I. 免費的社交媒體 + 社區管理 + 調查問卷

• WriteRack: 最簡單地在Twitter上發布博客的工具.
• Spruce: 以最快的速度在Twitter上發布圖片.
• Click To Tweet: 讓你的內容得到更多的轉發分享.
• MyTweetLinks: 提高你的Twitter訪問流量.
• Latergram: 輕松地規劃安排你的Instagram的帖子.
• WordPress Pin it Button for Images: 增加“Pin It” 按鈕 .
• SharedCount: 跟蹤URL鏈接，分享，轉發，點贊以及更多.
• Justunfollow: 在Twitter和Instagram上關注/取消關注.
• SocialRank: 識別、組織、管理你在Twitter上的好友.
• Klout: 借助瀏覽器插件了解你在社交媒體上的影響力.
• Ritetag: 話題和標簽即時跟蹤分析.
• Social Analytics: 在社交平臺上借助鏈接來進行互動.
• Riffle: 任何Twitter用戶完整的個人信息和資料.
• Buffer Free Plan: 在 Twitter, Facebook, Linkedin, Google+ 上發布內容的時間表.
• Bitly: 創建、分享、跟蹤短鏈接.
• Flament: 漂亮免費可定制的分享工具欄.
• Addthis: 獲得更多分享、轉發、點贊和評論.
• Sumome Share: 自動優化你的分享按鈕，將流量最大化.
• Digg Digg: All in one的分享按鈕插件.
• Disqus: 為活躍用戶構建一個評論者社區.
• Typeform: 免費漂亮的在線問卷調查表單生成器.
• Tally: 在任何時候發起投票.

J. A/B 測試和其他

• Petit Hacks
• Optimizely: 為網站和移動APP所生的優化平臺.
• Hello Bar: A/B 測試工具.
• GrowthHackers: 一起破解增長的秘密.

【繼續充實收藏夾】

攝影師幫你豐富圖庫：
《靈感大圖雙豐收！12個最值得收藏的攝影師個人網站》

電影網站教你做頁面：
《視覺盛宴！一組美不勝收的好萊塢經典電影網站設計》

優秀網站帶你搞定排版：
《如何搞定排版？來看這16個版式設計出色搶眼的優秀網站》

原文地址：medium
優設網譯者：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量91萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
官方微信：想在手機上、被窩里獲取設計教程和各種意想不到的"福利"嗎？添加優設哥微信號：youshege