The complete and regularly updated list of the best resources to learn Web Design

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.

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 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.

Design Tools

  • 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.

Prototype Tools

  • 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.

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.

Productivity

  • Pomodoro: A cool time management technique for a more productive way to work and study.
  • Toggl: Time tracker to improve workplace productivity.
  • Inbox by Google: The email tool that makes your life more efficient.
  • 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

Help your friends learn Webdesign. Go share!

I'm really pleased with the service you guys are providing.
Alex Melehy
Alex Melehy
Woodpecker, USA
I most likely will not use another company.
Kevin Allen
Kevin Allen
Namaste Fit Club, USA
Absolute expert. I 100% recommend.
Sonia Baibou
Sonia Baibou
ElleCode, France
One of the best engineers we've worked with.
Andrew Reedy
Andrew Reedy
Reachify, USA
I’m blown away. We need to clone him!
Ryan McClure
Ryan McClure
Reachify, USA
Thank you!!! You're so responsive.
Eric Masella
Eric Masella
Let's Play Nice, USA
We need more people like you!
Adil Virani
Adil Virani
Solomid, USA
A phenomenal programmer. Extremely respectful of my time.
Taylor Raboin
Taylor Raboin
Tay.is, USA
A unicorn who understands startups, design, mobile, and marketing.
Carl Carpenter
Carl Carpenter
Talksho, USA
An excellent front-end developer. Works using scrum methodology.
Federico Dibenedetto
Federico Dibenedetto
Wisboo, Argentina
Finished the job well ahead of schedule.
Giorgio Murru
Giorgio Murru
GM, France
Never lets me down, always exceeds my expectations.
Samuel Vicente
Samuel Vicente
ArtibleCity
Aim to be the best developer in the world? Join Us!