素材和资源的重要性往往是通过加班体现出来的。不论是做产品还是搞设计，解决方案总是能找到的，万一找不到也总能妥协出来。但是如果想要缩短加班时间甚至不加班，多快好省地把东西给弄出来，就不得不靠“飞速找资源，合理用素材”这一技能了。新年新气象，多玩少加班，能不能成，就看你了!

　　不得不承认，有的时候真的很想认认真真打磨一个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 :