設計師資源網站

免費設計資源

• 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: 我的創業專案是否需要廣告?
• HowMuchToMakeAnApp: 計算移動APP的研發成本.
• App vs. Website: 你應該製作一個網站還是APP?

→ 商業與營銷 ←

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: 一起破解增長的祕密.