Web Design
Awesome Web Design ¶
A curated list of awesome resources for digital designers.
Check out my website & blog. ✨
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¶
- Flat Icon: Thousands of free flat icons.
- Font Awesome: The iconic font and CSS toolkit.
- Icon Finder: 1 million free and premium icons.
- The Noun Project: Icons for Everything.
- Favicon Generator: Favicon & app icon generator.
- Freepik: Free vectors in different formats.
- Vecteezy: A collection of free vector art, vector graphics, illustrator backgrounds, etc.
- Material Icons: Free to use material design icons from Google.
- Ionicons: The premium icon font for Ionic Framework.
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.
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.
- Framer X: Interaction Design and UX 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.
- 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¶
- Web design playground: A step by step guide from writing your first line of HTML to creating interesting, attractive web pages.
- Don't make me think
- The design of everyday things
- 100 things every designer needs to know about people
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.