Yes, we get it. There are tons of resource aggregation articles out there.
As a design school, we get asked about these resources from students all the time. As we “scavenger hunt” the Internet for great round-up articles, we were surprised that we couldn’t find a lot of articles that are as complete as we had hoped they would be.
That’s why we decided to jump on the bandwagon and wrote one, a better one, ourselves.
This article features over 100 design resources (such as articles, blogs, podcasts, shows, books, mockup templates and color tools) that you can use to take your work to the next level.
If you want to improve your typography skills or you’re looking to get started on typography, this article covers 7 practical tips to improve your UI. Topics range from the ideal number of characters per line to utilizing grids.
This article covers the basic lessons a product and UX designer learned from their experiences, such as gravity, reading direction and visual tension.
Basic principles of design are explained in this article with visual examples, such as balance, repetition, proportion and rhythm.
The importance of visual hierarchy is explained through 5 practical tips that designers can easily follow.
This is a great resource for those who want to know more about the color systems of UI, such as primary colors, accent color, semantic colors and neutrals.
Flux is a channel that covers fresh, relevant topics of interest for designers, such as the best design softwares, guides on how to get started in design, and comparisons of different design tools.
DesignCode is an educational channel that teaches viewers on designers how to code, how to use popular design tools, and how to build websites and apps.
The Futur is an educational channel where designers can learn about relevant skills, such as problem solving, entrepreneurship, experience design, content marketing and more.
This educational channel has full tutorials and courses on topics such as UI/UX design, graphic design, Figma, web design and custom fonts.
Design Pilot has tutorials and courses for beginners on UI/UX design, Figma, logo design, UI animation, Adobe XD, motion graphics and more.
This channel features a certified Adobe Design master and instructor who provides educational content on relevant graphic design and illustration tools, trends, and easy-to-follow tutorials.
Satori Graphics provides graphic design tutorials and speed art videos, with topics of interest for beginners and experienced designers alike.
This channel uploads content about product design, UX design and UI design, such as tutorials on how to get started in UX/UI design, design inspirations and design thinking.
High Resolution is a video series on individuals working in the creative industry and the channel focuses on shedding light on how companies think and approach design.
Websites and Blogs
This design publication creates informational, relevant and thought-provoking articles about UX, visual and product design.
If you’re looking to learn about anything that falls under the topic of UX, this is a great resource to refer to with topics ranging from UX for beginner to tutorials on how to conduct user research.
This blog focuses on discussing prototyping, UX design and front-end development. It also features a toolbox that designers can use to discover the latest design tools.
This blog features the latest stories on design trends, inspirations, UX/UI design, creative processes and tips for beginners.
Webflow Blog publishes stories on Webflow, web design trends, web design courses and front-end development.
Design + Sketch features stories and tutorials regarding design, Sketch, and prototyping.
This blog is run by the Facebook design team where they feature articles on design careers, portfolios, and hot topics in the design industry.
Inside Design has relevant, relatable articles written by designers with topics ranging from prototyping to creative processes.
UX Booth publishes articles on analytics, research, visual design, interaction design, content strategy, universal design and more.
This blog covers a wide range of topics within design, such as the design process, design tools and tutorials, brand design and UX design.
Creative Office Hour is an interview series that focuses on conversations with individuals in the creative industry, such as what kind of lessons they learned from their experiences. The podcast interviews not only established creatives but also those who are still in the process of “making it”.
UI Breakfast features guests working in design, marketing and business where they have conversations about UI/UX design, SaaS products and more.
The Futur is a podcast that features thought-provoking conversations between industry experts in the world of design and technology.
Design Matters is a podcast that’s been running over 15 years that features guests working in the creative industry.
This podcast, which is run by InVisionApp, regularly has guests who are top designers working at well-known companies where they are able to share their insights on the industry.
Wireframe by Adobe focuses on how graphic/UX designers, illustrators, artists and creatives can influence the world around them through their work by discussing popular topics within the design industry.
If you want a podcast full of relatable hosts who aren’t afraid to tell the truth about the design industry, this is a great resource to listen to.
For books on UX design:
- Hooked: How to Build Habit-Forming Products
- UX Design: A Field Guide To Process And Methodology For Timeless User Experience
- Solving Product Design Exercises: Questions & Answers
- Usability Testing Essentials: Ready, Set …Test!
For books on product design:
- Inspired: How to Create Tech Products Customers Love (Silicon Valley Product Group)
- Product Design Process: The manual for Digital Product Design and Product Management
- Cracking the PM Interview: How to Land a Product Manager Job in Technology (Cracking the Interview & Career)
For books on color theory:
- The Secret Lives of Color
- Interaction of Color
- Color by Betty Edwards: A Course in Mastering the Art of Mixing Colors
- Color Theory: An essential guide to color-from basic principles to practical applications (Artist’s Library)
- Design Elements, Color Fundamentals: A Graphic Style Manual for Understanding How Color Affects Design
For books on graphic design:
- How Design Makes Us Think: And Feel and Do Things
- Graphic Design Rules: 365 Essential Dos and Don’ts
- Graphic Design: The New Basics: Second Edition, Revised and Expanded
- Grid systems in graphic design: A visual communication manual for graphic designers, typographers and three dimensional designers
- How to Use Graphic Design to Sell Things, Explain Things, Make Things Look Better, Make People Laugh, Make People Cry, and (Every Once in a While)
- The Graphic Design Idea Book: Inspiration from 50 Masters
- 100 Ideas that Changed Graphic Design
- Introduction to Graphic Design: A Guide to Thinking, Process & Style
- Graphic Design School: The Principles and Practice of Graphic Design
For books on branding:
- Creating a Brand Identity: A Guide for Designers: (Graphic Design Books, Logo Design, Marketing)
- Branding: Brand Identity, Brand Strategy, and Brand Development
- Designing Brand Identity: An Essential Guide for the Whole Branding Team
- The 22 Immutable Laws of Branding
- Aaker on Branding: 20 Principles That Drive Success
- The Branding Handbook: The Ultimate Branding Guide
- From Individual to Empire: A Guide to Building an Authentic and Powerful Brand
- First Things First!: New Branding and Design for New Businesses
- Identity Designed: The Definitive Guide to Visual Branding
For books on logo design:
- The Logo Design Idea Book: (Logo Beginners Guide, Logo Design Basics, Visual Branding Book)
- Logo Design Theory: How Branding Design Really Works
- The Elements of Logo Design: Design Thinking, Branding, Making Marks
- Logotype: (Corporate Identity Book, Branding Reference for Designers and Design Students)
- Logo: The Reference Guide to Symbols and Logotypes (Corporate Identity Book, Branding Reference for Designers and Design Students)
For books on typography:
- Typography Essentials Revised and Updated: 100 Design Principles for Working with Type
- The Typography Idea Book: Inspiration from 50 Masters (Type, Fonts, Graphic Design)
- Advanced Typography: From Knowledge to Mastery
- Lessons in Typography: Must-know typographic principles presented through lessons, exercises, and examples (Creative Core)
- Better Web Typography for a Better Web
- Designing with Type, 5th Edition: The Essential Guide to Typography
- Type Rules: The Designer’s Guide to Professional Typography
- Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students
- Complete Manual of Typography, The: A Guide to Setting Perfect Type
For books on portfolio:
- Burn Your Portfolio: Stuff they don’t teach you in design school, but should (Voices That Matter)
- Creating a Successful Graphic Design Portfolio
- Building Design Portfolios (Innovative Concepts for Presenting Your Work)
For books on storytelling:
- Stories That Stick: How Storytelling Can Captivate Customers, Influence Audiences, and Transform Your Business
- The Science of Storytelling: Why Stories Make Us Human and How to Tell Them Better
- Everyday Business Storytelling: Create, Simplify, and Adapt A Visual Narrative for Any Audience
- Visual Storytelling: Inspiring a New Visual Language
This video series follows designers specializing in different fields, such as digital product design and typeface design, and reveals their creative processes.
This documentary film features a neuroscientist who is trying to uncover what goes on in the minds of creative individuals, such as artists and architects.
This short documentary shows viewers on what goes on behind the scenes in Pixar Animation Studios where they produced “Toy Story”.
This documentary follows the life of a 100 years old abstract painter, Carmen Herrera, who found fame for her work during her 90s.
This website provides a comprehensive list where you can sort design and/or front end development conferences by country, date and category.
This website provides projects, images, people and moodboards that you can refer to for inspiration. It offers search categories, such as creative fields, tools, color, location and schools, to help narrow down what you’re looking for.
Dribbble is a creative platform where designers and creatives can post and find design work, such as animation, branding, illustration, print, product design and typography.
Siteinspire showcases the best web and interactive design projects and sorts them by styles, types, subjects and platforms.
Design Hunt is a platform focused on delivering users the best creative inspirations, products and news.
This website showcases web design between the years of 1991 and 2006, where you can look at timelines of companies and old web design software.
One Page Love is a website that offers one page websites, templates and resources on topics such as portfolios, resumes, and photography.
Pttrns showcases mobile design resources, interface patterns and inspiration between the years of 2012 and 2018.
Mobbin is a collection of the latest iOS UI design patterns.
UX Archive is an library of mobile user flows from top mobile apps where you can sort by flows, such as logging in and signing up.
Really Good UX showcases great examples of UX where you can sort by categories such as redesign, modals, tooltips, user onboarding, upsell prompts and mobile apps.
Really Good Emails is a collection of the best and innovative emails in terms of their design and code.
UI Jar is collection of handpicked, high-quality design projects where you can sort by website, graphic design, and UX/UI design.
Land-book is a gallery of the best hand-picked design projects where you can sort by landings, portfolios, blogs, stores and templates.
The following are website competition platforms where users can vote for and explore the best design and development projects:
For color accessibility:
For color palette generators and inspiration:
- Muzli Colors
- Happy Hues
- LOL Colors
For all-in-one color tools:
Webflow is a website building and hosting platform that allows users to customize elements of their website with no coding required. There is a free pricing plan but it’s limited in ownership.
This article is a step-by-step tutorial on how to build a WordPress website. WordPress is a website building platform that requires some coding knowledge in order to customize the website, such as CSS and HTML.
For databases with free fonts:
For databases with free and paid fonts:
Mockup World offers the best, free Mockups where you can sort by categories like packaging, iPhone, posters and fashion.
Graphic Burger offers both free and paid mockups for a variety of projects, such as apparel, phones, videos and books.
This platform offers free and paid mockups for graphic designers.
Free Design Resources has free, high quality design resources, such as fonts, mockups, graphics, templates, add-ons and UI kits.
For databases of free icons:
For databases of free and paid icons:
Unsplash is a collection of free, high-resolution photos that anyone can use.
Pixabay is a platform that offers free, high-quality stock images, videos and music.
Pexel offers free stock photos and videos for your creative projects.
StockSnap has high-resolution photos that you can use for commercial or personal projects.
Stock Vectors and Illustrations
DrawKit offers free and paid hand-drawn vector illustration and icon resources.
Font Awesome has free and paid pricing plans for their resources on vector icons, logos, styles, kits, and pageviews.
Humaaans has free vectors and illustrations where you can customize the elements of the human illustrations to your liking.
unDraw is a platform where you can find free SVG and PNG downloads and customize the accent color with a color wheel.
Black Illustrations offers free and paid illustration packs of Black people for your digital projects.
Free Vector is a collection of free vector art where you can sort by categories, such as logos, office and shopping.
Vecteezy offers free, high-quality vector art, stock photos and stock videos.
Freepik is a collection of free vectors, stock photos and PSD.
Users can optimize JPEG, PNG, SVG, GIF, and WEBP files by compressing them.
This free tool compresses images without sacrificing quality to allow your website to load faster.
Kraken is a free image optimizing tool where you can select optimization mode and resize your images.
Optimizilla is a free, online image optimizer where you can compress JPEG and PNG images.
Optimole offers monthly and yearly pricing plans for their image optimization services.
TinyPNG is a free tool where you can compress PNG and JPEG files.
Build Real Life Projects
Catchafire matches skilled volunteers with nonprofits where volunteers are able to create meaningful, real life projects.