设计 + 代码

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: 我的创业项目是否需要广告?
• 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: 一起破解增长的秘密.

参考自：开工福利！300+值得收藏的设计师资源站 – 优秀网页设计