吐血推荐！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.

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

---

亲，按一按，关注红动哦。