素材和资源的重要性往往是通过加班体现出来的。不论是做产品还是搞设计，解决方案总是能找到的，万一找不到也总能妥协出来。但是如果想要缩短加班时间甚至不加班，多快好省地把东西给弄出来，就不得不靠“飞速找资源，合理用素材”这一技能了。新年新气象，多玩少加班，能不能成，就看你了!
不得不承认，有的时候真的很想认认真真打磨一个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 forChrome: 从任意图片生成配色方案的工具.
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 : 不论你的网站在哪托管都可以对其进行统计分析.
AlexaRanking : 分析网站，网站排名.
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和其他搜索引擎上的排名.
xmlSitemaps : 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 : 一起破解增长的秘密.
