Track Awesome Web Design Updates Weekly
🎨 A curated list of awesome resources for digital designers.
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 nicolesaidy/awesome-web-design · ⭐ 2.1K · 🏷️ Miscellaneous
Jul 01 - Jul 07, 2019
Books
- Web design playground: A step by step guide from writing your first line of HTML to creating interesting, attractive web pages.
May 20 - May 26, 2019
Tutorials
- Adobe XD Guide: A 12,000-words-long comprehensive guide for XD beginners and current users.
Nov 12 - Nov 18, 2018
Blog & News
- Google design: Youtube channel featuring videos for designers about Google design.
Nov 05 - Nov 11, 2018
Prototype Tools
- Atomic.io: Free in Browser interactive design Tool.
Sep 17 - Sep 23, 2018
Design Tools
- Framer X: Interaction Design and UX design software.
Jun 18 - Jun 24, 2018
Prototype Tools
- Flinto: App to create interactive and animated prototypes of designs.
Mar 26 - Apr 01, 2018
Guidelines
- Laws of UX: A collection of the maxims and principles that designers can consider when building user interfaces.
- Ultimate Guide: The ultimate guide to mobile app design principles that make your app shine.
- GoodUI: 5 Ways You Can Get A Better UI.
Design Tools
- Adobe XD: Prototyping & wireframing Tool.
- inVision Studio: Rapid prototyping, animation, built-in design systems, and collaboration.
- Canva: Amazingly simple graphic design software.
Prototype Tools
- Marvel App: Free mobile & web prototyping for designers.
Feb 12 - Feb 18, 2018
Share
Dec 11 - Dec 17, 2017
Productivity
- Taskade: Collaborative task lists and outlines for teams.
Nov 06 - Nov 12, 2017
Blog & News
- Morning Reader: Breaking tech news.
Oct 02 - Oct 08, 2017
Blog & News
- Medium: A community of readers and writers offering unique perspectives on ideas large and small.
Sep 11 - Sep 17, 2017
Typography
- Typ.io: Typography inspiration from real websites.
Sep 04 - Sep 10, 2017
Icons
- Ionicons: The premium icon font for Ionic Framework.
Tutorials
- Learn Sketch: Short videos and compiled invaluable resources to help you get started!
Aug 07 - Aug 13, 2017
Icons
- Material Icons: Free to use material design icons from Google.
Jul 24 - Jul 30, 2017
Images
- Pixabay: High quality photos and illustrations free for commercial use.
Design Tools
- Figma: The collaborative interface design tool.
Prototype Tools
- inVision: The world's leading prototyping, collaboration & workflow platform.
- Justinmind: Prototype faster, communicate better, for web and mobile apps.
Jun 19 - Jun 25, 2017
Productivity
- Timing: Automatic time and productivity tracking for Mac.
Slack Teams
- Team Sketch: A community for Sketch designers powered by Slack
- Designer Hangout: A place where UXers from around the world discuss user experience.
- Design Talks: A community for UI/UX design, web design, freelancing, design critiques, etc.
- TheDesignerShip: A community of over 1,500+ designers and founders.
May 22 - May 28, 2017
Blog & News
- Marvel Blog: The latest news, resources and thoughts from the Marvel team.
Inspiration
- One Page Love: Design gallery showcasing the best Single Page websites.
- Pttrns: The finest collection of design patterns, resources and inspiration.
Productivity
- Qbserve: Automatic time tracking, invoicing, and real-time productivity feedback.
Feb 13 - Feb 19, 2017
Typography
- Typewolf: Comprehensive web typography info, suggestions for font alternatives, and links to usage in the wild.
Nov 21 - Nov 27, 2016
Blog & News
- The Next Web: International technology news, business & culture.
- Designer News: Where the design community meets.
- Reddit Web Design: A place for designers to contribute useful posts, ask questions or engage in discussion.
Share
Nov 14 - Nov 20, 2016
Inspiration
- UI Movement: The best UI design inspiration, every day.
Colors
- UI Gradients: Beautiful color gradients.
Icons
- Font Awesome: The iconic font and CSS toolkit.
- The Noun Project: Icons for Everything.
Images
- Pexels: Best free stock photos in one place.
- Flickr: The home for all your photos.
Design Tools
- Sketch: A lightweight program for digital design for Mac.
Productivity
- Paste: A smart clipboard history manager for Mac.
- Sip: A color picker for Mac.
Sep 26 - Oct 02, 2016
Typography
- Fontpair: Beautiful Google Font combinations and pairs.
Jul 25 - Jul 31, 2016
Productivity
- RescueTime: Helps you understand your daily habits so you can focus and be more productive.
Jul 18 - Jul 24, 2016
Blog & News
- Web Designer News: The best curated stories for designers.
- Creative Bloq: Art & design inspiration.
- Smashing Magazine: For professional web designers & developers.
- Sitepoint: A hub for web developers & designers to share their passion for building incredible internet things.
Inspiration
- Awwwards: Best web design trends.
- Inspired UI: Mobile apps design patterns.
- Behance: Showcase & discover creative work.
- Dribbble: Show and tell for designers.
- Product Hunt: The place to discover your next favorite thing.
Colors
- Brandcolors: Official colors for the world's biggest brands.
- Adobe Color CC: Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.
- Paletton: A designer tool for creating color combinations that work together well.
- Coolors: Generate infinite color palettes for your designs.
- Lol Colors: Curated color palette inspiration.
- Colordot: A color picker for humans.
- Gradients.io: Curated gradients for designers & developers.
- Colorzilla: Eyedropper, color picker, gradient generator.
Typography
- Google Web Fonts: Offering an intuitive and robust directory of open source designer web fonts.
- Font Face Ninja Browser Extension: You’re browsing a website and you want to find the name of a font? Here comes the ninja!
- Type Anything: Create great font combinations.
- Type Scale: Preview and choose the right type scale for your project.
- WhatTheFont: Seen a font in an image and want to know what it is? WhatTheFont will find the closest match.
Icons
- Flat Icon: Thousands of free flat icons.
- Icon Finder: 1 million free and premium icons.
- Favicon Generator: Favicon & app icon generator.
- Freepik: Free vectors in different formats.
- Vecteezy: A collection of free vector art, vector graphics, illustrator backgrounds, etc.
Images
- Unsplash.it: Placeholders using a beautiful image gallery.
- Placehold.it: A quick and simple image placeholder service.
- Imgur: The most awesome images on the internet.
Guidelines
- iOS Human Interface Guidelines: Offers everything you need to design beautiful, engaging iOS apps.
- Google Material Design: A close look at the design, components & resources for Google's brand.
Prototype Tools
- Zeplin: A great collaboration tool between designers and developers.
- Avocode: A workspace open to all designers and developers.
Tutorials
- Treehouse: Brings affordable, technology education to people everywhere.
- Tuts Plus Web Design Tutorials: Free web design and development tutorials.
- Springboard: Personalized approach, designed to help you achieve your goals and advance your career.
Productivity
- Pomodoro: A cool time management technique for a more productive way to work and study.
- Toggl: Time tracker to improve workplace productivity.
- Trello: Organize and prioritize your projects in a fun, flexible and rewarding way.