<div class="github-widget" data-repo="nicolesaidy/awesome-web-design"></div>
## Awesome Web Design [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
&gt; 为数字设计师提供的精选资源列表.

**看看我 [website](http://nicolesaidy.com) & [blog](http://blog.nicolesaidy.com). ✨**



## Blog & News
* [Web Designer News](http://webdesignernews.com)：为设计师精心策划的最佳故事.
* [Marvel Blog](http://blog.marvelapp.com)：Marvel 团队的最新消息、资源和想法.
* [The Next Web](http://thenextweb.com/section/creative/)：国际科技新闻、商业和文化.
* [Medium](https://medium.com/tag/web-design)：一个由读者和作家组成的社区，他们对大大小小的想法提供独特的观点.
* [Creative Bloq](http://www.creativebloq.com/)：艺术与设计灵感.
* [Smashing Magazine](http://smashingmagazine.com)：适用于专业网页设计师和开发人员.
* [Sitepoint](https://www.sitepoint.com/design-ux/)：网络开发人员和设计师的中心，可以分享他们对构建令人难以置信的互联网事物的热情.
* [Designer News](https://www.designernews.co/): 设计界聚会的地方.
* [Reddit Web Design](https://www.reddit.com/r/web_design/)：设计师发布有用帖子、提出问题或参与讨论的地方.
* [Morning Reader](https://morningreader.com): 突发科技新闻.
* [Google design](https://www.youtube.com/channel/UClKO7be7O9cUGL94PHnAeOA)：Youtube 频道，为设计师提供有关 Google 设计的视频.

## Inspiration
* [Awwwards](http://awwwards.com)：最佳网页设计趋势.
* [One Page Love](http://onepagelove.com)：展示最佳单页网站的设计画廊.
* [Inspired UI](http://inspired-ui.com/)：移动应用程序设计模式.
* [Behance](http://behance.net)：展示和发现创意作品.
* [Dribbble](http://dribbble.com)：为设计师展示和讲述.
* [Product Hunt](http://producthunt.com)：发现您下一个最喜欢的东西的地方.
* [UI Movement](https://uimovement.com): 最好的 UI 设计灵感，每天都有.
* [Pttrns](http://pttrns.com/)：设计模式、资源和灵感的最佳集合.

## Colors
* [Brandcolors](https://brandcolors.net/)：世界上最大品牌的官方颜色.
* [Adobe Color CC](https://color.adobe.com/)：使用色轮创建配色方案或浏览 Kuler 社区的数千种颜色组合.
* [Paletton](http://paletton.com)：一种设计工具，用于创建可以很好地协同工作的颜色组合.
* [Coolors](https://coolors.co/)：为您的设计生成无限的调色板.
* [Lol Colors](http://www.lolcolors.com/)：精选的调色板灵感.
* [Colordot](https://color.hailpixel.com/)：人类的颜色选择器.
* [Gradients.io](http://www.gradients.io/)：为设计师和开发人员精心策划的渐变.
* [UI Gradients](http://uigradients.com/): 漂亮的颜色渐变.
* [Colorzilla](http://colorzilla.com)：吸管、颜色选择器、渐变生成器.

## Typography
* [Google Web Fonts](http://fonts.google.com)：提供直观且强大的开源设计器 Web 字体目录.
* [Font Face Ninja Browser Extension](http://fontface.ninja/) : 你正在浏览一个网站，你想找到一种字体的名称？ 忍者来了！
* [Fontpair](http://fontpair.co)：美丽的谷歌字体组合和对.
* [Type Anything](https://typeanything.io/)：创建出色的字体组合.
* [Type Scale](http://type-scale.com/)：预览并为您的项目选择正确的类型比例.
* [WhatTheFont](https://www.myfonts.com/WhatTheFont/) : 看到图像中的字体并想知道它是什么？  WhatTheFont 将找到最接近的匹配项.
* [Typewolf](https://www.typewolf.com/)：全面的网络排版信息、字体替代建议以及野外使用链接.
* [Typ.io](http://typ.io/)：来自真实网站的排版灵感.

## Icons
* [Flat Icon](http://flaticon.com): 数以千计的免费平面图标.
* [Font Awesome](http://fontawesome.io): 标志性的字体和 CSS 工具包.
* [Icon Finder](http://iconfinder.com)：100 万个免费和高级图标.
* [The Noun Project](https://thenounproject.com/)：一切的图标.
* [Favicon Generator](http://www.favicon-generator.org/)：网站图标和应用程序图标生成器.
* [Freepik](http://freepik.com): 不同格式的免费矢量.
* [Vecteezy](http://vecteezy.com)：免费矢量艺术、矢量图形、插画家背景等的集合.
* [Material Icons](https://material.io/icons/)：免费使用来自 Google 的 Material Design 图标.
* [Ionicons](http://ionicons.com/)：Ionic Framework 的高级图标字体.

## Images
* [Pexels](https://pexels.com)：最好的免费库存照片集中在一个地方.
* [Unsplash.it](http://unsplash.it)：占位符使用漂亮的图片库.
* [Pixabay](https://pixabay.com/): 高质量的照片和插图免费用于商业用途.
* [Placehold.it](http://placehold.it)：一种快速简单的图像占位符服务.
* [Imgur](http://imgur.com): 互联网上最棒的图片.
* [Flickr](https://www.flickr.com)：您所有照片的主页.

## Guidelines
* [iOS Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/)：提供设计美观、引人入胜的 iOS 应用程序所需的一切.
* [Google Material Design](https://material.google.com/)：仔细查看 Google 品牌的设计、组件和资源.
* [Laws of UX](https://lawsofux.com/)：设计人员在构建用户界面时可以考虑的格言和原则的集合.
* [Ultimate Guide](https://www.moveoapps.com/ultimate-guide-to-mobile-app-design-principles)：让您的应用程序大放异彩的移动应用程序设计原则的终极指南.
* [GoodUI](http://www.goodui.org/)：获得更好 UI 的 5 种方法.

## Design Tools
* [Sketch](http://sketchapp.com)：用于 Mac 数字设计的轻量级程序.
* [Figma](http://figma.com)：协作界面设计工具.
* [Adobe XD](https://www.adobe.com/products/experience-design.html)：原型制作和线框图工具.
* [inVision Studio](https://www.invisionapp.com/studio)：快速原型制作、动画、内置设计系统和协作.
* [Canva](http://canva.com)：非常简单的图形设计软件.
* [Framer X](https://framer.com/)：交互设计和用户体验设计软件.

## Prototype Tools
* [Zeplin](https://zeplin.io/)：设计人员和开发人员之间出色的协作工具.
* [Avocode](https://avocode.com/)：一个对所有设计人员和开发人员开放的工作区.
* [inVision](https://www.invisionapp.com/)：世界领先的原型制作、协作和工作流平台.
* [Justinmind](http://justinmind.com): Prototype faster, communicate better, for web and mobile apps.
* [Marvel App](https://marvelapp.com/)：为设计师提供免费的移动和网络原型设计.
* [Atomic.io](https://atomic.io/)：免费的浏览器交互设计工具.
* [Flinto](https://www.flinto.com/)：用于创建交互式和动画设计原型的应用程序.

## Tutorials
* [Treehouse](https://teamtreehouse.com/tracks/web-design)：为世界各地的人们提供负担得起的技术教育.
* [Tuts Plus Web Design Tutorials](http://webdesign.tutsplus.com/)：免费的网页设计和开发教程.
* [Springboard](https://www.springboard.com)：个性化的方法，旨在帮助您实现目标并推进您的职业生涯.
* [Learn Sketch](https://www.sketchapp.com/learn/)：帮助您入门的短视频和汇编的宝贵资源！
* [Adobe XD Guide](https://www.xdguru.com/adobe-xd-guide/)：针对 XD 初学者和当前用户的 12,000 字的综合指南. 

## Books
* [Web design playground](https://www.manning.com/books/web-design-playground/)：从编写第一行 HTML 到创建有趣、有吸引力的网页的分步指南.
* [Don't make me think](https://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758)
* [The design of everyday things](https://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/1452654123)
* [100 things every designer needs to know about people](https://www.amazon.com/Things-Designer-People-Voices-Matter/dp/0321767535/ref=sr_1_1?s=books&ie=UTF8&qid=1419267906&sr=1-1&keywords=100+Things+Every+Designer+Needs+to+Know?utm_source=CMblog&utm_medium=post&utm_campaign=blog_)

## Productivity
* [Pomodoro](http://tomato-timer.com)：一种很酷的时间管理技巧，可以更高效地工作和学习.
* [Toggl](http://toggl.com)：提高工作效率的时间跟踪器.
* [Trello](http://trello.com)：以有趣、灵活和有益的方式组织您的项目并确定其优先级.
* [RescueTime](https://www.rescuetime.com)：帮助您了解您的日常习惯，以便您可以集中精力并提高工作效率.
* [Qbserve](https://qotoqot.com/qbserve/)：自动时间跟踪、开票和实时生产力反馈.
* [Paste](http://pasteapp.me/)：适用于 Mac 的智能剪贴板历史记录管理器.
* [Sip](http://sipapp.io/): Mac 的颜色选择器.
* [Timing](https://timingapp.com/)：Mac 的自动时间和生产力跟踪.
* [Taskade](https://taskade.com/)：团队的协作任务列表和大纲.

## Slack Teams
* [Team Sketch](http://teamsketch.io): 由 Slack 提供支持的 Sketch 设计师社区
* [Designer Hangout](https://www.designerhangout.co)：来自世界各地的 UXer 讨论用户体验的地方.
* [Design Talks](https://docs.google.com/forms/d/e/1FAIpQLSeKT_LC8kKTzJ4JjmgVQVpfl24i1qBkjJ7TYyQcNHL7fBQkYQ/viewform?c=0&w=1)：UI/UX 设计、网页设计、自由职业、设计评论等社区.
* [TheDesignerShip](http://thedesignership.com/)：一个拥有超过 1,500 名设计师和创始人的社区.

## Share
* <a href="https://twitter.com/intent/tweet?text=https://github.com/nicolesaidy/awesome-web-design%20An%20Awesome%20Web%20Design%20Collection%20@nicolesaidy" target="_blank">在推特上分享</a>
* <a href="https://www.facebook.com/sharer/sharer.php?s=100&p[url]=https://github.com/nicolesaidy/awesome-web-design&p[images][0]=&p[title]=Awesome%20Web%20Design%20Collection&p[summary]=" target="_blank">在脸书上分享</a>

## License
[![CC0](http://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0/)
