Skip to content

🎨 A curated list of awesome resources for digital designers.

Notifications You must be signed in to change notification settings

vasilytray/awesome-web-design

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

55 Commits
 
 
 
 

Repository files navigation

Awesome Web Design Awesome

A curated list of awesome resources for digital designers.

Check out my website & follow me on Medium. ✨

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.

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.

Icons

Images

  • Pexels: Best free stock photos in one place.
  • 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.
  • Flickr: The home for all your photos.

Guidelines

Design Tools

  • Sketch: A lightweight program for digital design for Mac.
  • Balsamiq: Rapid, effective and fun wireframing software.
  • Wireframe.cc: Minimal wireframing tool.
  • Axure: Prototypes, specifications & diagrams in one tool.
  • Proto.io: Interactive high-fidelity prototypes that look and work like your app should.
  • Frontify: Create brand guidelines & smart UI libraries.
  • UX Pin: UX design, wireframing & prototyping tool.
  • Invision: The world's leading prototyping, collaboration & workflow platform.
  • Marvel: Free mobile & web prototyping for designers.
  • Justinmind: Prototype faster, communicate better, for web and mobile apps.
  • Canva: Amazingly simple graphic design software.
  • Zeplin: A great collaboration tool between designers and developers.
  • Avocode: A workspace open to all designers and developers.

Sketch Tools

Tutorials

  • Learn Sketch: Short videos and compiled invaluable resources to help you get started!
  • Sketch Casts: Screencast video tutorials focused on Sketch for beginners and experts.
  • Tips and Tricks Sketch: Tutorial, Tip and Tricks and Free Resources to download.

Plugins

Shortcuts

Tutorials & Courses

  • 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.
  • GoodUI: 5 Ways You Can Get A Better UI.

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.

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

CC0

About

🎨 A curated list of awesome resources for digital designers.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published