Learn Design Theory

Learn the fundamental principles of design, including color theory, visual hierarchy, and more. Then use them to create effective and beautiful web designs.
Read moreRead less
All content
Courses
Tutorials

All Design Theory content:

  1. Color in 60 Seconds: Tints, Tones and Shades

    Color in 60 Seconds: Tints, Tones and Shades

    Tutorial • Beginner

    Tints, tones and shades are terms you’ll hear used when discussing color. A “tint” is the result of mixing a color with white. A “shade” is the resultant...

  2. A Comprehensive Introduction to Color in Design

    A Comprehensive Introduction to Color in Design

    Tutorial • Beginner

    This article aims to give you a comprehensive introduction to the deepest of design rabbit holes: color. It will introduce you to the most important lingo...

  3. A Comprehensive Introduction to Visual Design

    A Comprehensive Introduction to Visual Design

    Tutorial • Beginner

    This comprehensive guide will cover the fundamentals of visual design principles, demonstrated with plenty of illustrations to deepen your understanding....

  4. 2,000 Translations Later: Your Favorites From Tuts+ Web Design

    2,000 Translations Later: Your Favorites From Tuts+ Web Design

    Tutorial • Beginner

    Almost exactly two years ago we published our first translation; a step into the unknown, a risk perhaps, but something we felt sure our community would be...

  5. Happy Year of the Monkey! Decrypting Chinese New Year’s Symbolism in UI Design

    Happy Year of the Monkey! Decrypting Chinese New Year’s Symbolism in UI Design

    Tutorial • Beginner

    新年快乐! The Chinese mainland is ringing in the Year of the Fire Monkey, and I, for one, welcome this opportunity to pay homage to the joys of opposable thumbs,...

  6. Why You Should Avoid Vibrating Color Combinations

    Why You Should Avoid Vibrating Color Combinations

    Tutorial • Beginner

    In this quick article you’ll learn about how color vibration affects interface legibility in the context of web and interface design.

  7. Blending Modes in CSS: Color Theory and Practical Application

    Blending Modes in CSS: Color Theory and Practical Application

    Tutorial • Beginner

    You might be familiar with “blending modes” if you’re a Photoshop user; they allow you to combine layers in different ways and they’re great fun to play...

  8. Color for Attention and Depth in 60 Seconds

    Color for Attention and Depth in 60 Seconds

    Tutorial • Beginner

    The colors you choose in your designs can give the illusion of depth, making important things seem closer to the viewer and more likely to catch the eye....

  9. How to “Power Duplicate” in Affinity Designer

    How to “Power Duplicate” in Affinity Designer

    Tutorial • Beginner

    Affinity Designer is an amazing new app for Mac which is taking the design world by storm. In this video tutorial, you'll learn how to take advantage of its...

  10. Free Course: Affinity Designer Quick Start

    Free Course: Affinity Designer Quick Start

    Tutorial • Beginner

    Affinity Designer is an amazing new app for Mac which is taking the design world by storm. By completing “Affinity Designer Quick Start” you’ll have all the...

  11. Designing for User Habits and Routines

    Designing for User Habits and Routines

    Tutorial • Beginner

    For the last couple of years I was experimenting with my own habits, looking at my routines to find out what makes me more productive and happier. After...

  12. Making Your Web Designs More Effective With the Golden Ratio

    Making Your Web Designs More Effective With the Golden Ratio

    Tutorial • Beginner

    The Golden Ratio is used within graphic layouts of all kinds, especially to balance content that is text heavy. It can help designers create hierarchy and...

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.