Awesome Web Design 
A curated list of awesome resources for digital designers.
Check out my website
& blog. ✨
Contents
Blog & News
- Web Designer News: The best
curated stories for designers.
- Marvel Blog: The latest
news, resources and thoughts from the Marvel team.
- The Next Web:
International technology news, business & culture.
- Medium: A community
of readers and writers offering unique perspectives on ideas large and
small.
- 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.
- Designer News: Where the
design community meets.
- Reddit Web
Design: A place for designers to contribute useful posts, ask
questions or engage in discussion.
- Morning Reader: Breaking
tech news.
- Google
design: Youtube channel featuring videos for designers about Google
design.
Inspiration
- Awwwards: Best web design
trends.
- One Page Love: Design gallery
showcasing the best Single Page websites.
- 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.
- UI Movement: The best UI design
inspiration, every day.
- Pttrns: The finest collection of
design patterns, resources and inspiration.
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.
- UI Gradients: Beautiful color
gradients.
- 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!
- Fontpair: Beautiful Google Font
combinations and pairs.
- 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.
- Typewolf: Comprehensive web
typography info, suggestions for font alternatives, and links to usage
in the wild.
- Typ.io: Typography inspiration from
real websites.
Icons
Images
- Pexels: Best free stock photos in
one place.
- Unsplash.it: Placeholders using a
beautiful image gallery.
- Pixabay: High quality photos and
illustrations free for commercial use.
- Placehold.it: A quick and simple
image placeholder service.
- Imgur: The most awesome images on the
internet.
- Flickr: The home for all your
photos.
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.
- 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.
- Sketch: A lightweight program for
digital design for Mac.
- Figma: The collaborative interface
design tool.
- Adobe
XD: Prototyping & wireframing Tool.
- inVision Studio:
Rapid prototyping, animation, built-in design systems, and
collaboration.
- Canva: Amazingly simple graphic
design software.
- Framer X: Interaction Design and
UX design software.
- Zeplin: A great collaboration tool
between designers and developers.
- Avocode: A workspace open to all
designers and developers.
- inVision: The world’s
leading prototyping, collaboration & workflow platform.
- Justinmind: Prototype faster,
communicate better, for web and mobile apps.
- Marvel App: Free mobile &
web prototyping for designers.
- Atomic.io: Free in Browser
interactive design Tool.
- Flinto: App to create
interactive and animated prototypes of designs.
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.
- Learn Sketch: Short
videos and compiled invaluable resources to help you get started!
- Adobe XD Guide:
A 12,000-words-long comprehensive guide for XD beginners and current
users.
Books
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.
- RescueTime: Helps you
understand your daily habits so you can focus and be more
productive.
- Qbserve: Automatic time
tracking, invoicing, and real-time productivity feedback.
- Paste: A smart clipboard history
manager for Mac.
- Sip: A color picker for Mac.
- Timing: Automatic time and
productivity tracking for Mac.
- Taskade: Collaborative task lists
and outlines for teams.
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.
Share
License
webdesign.md
Github