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.

All Design Theory content:

  1. How to Choose the Right Niche for Your Web Design Business

    How to Choose the Right Niche for Your Web Design Business

    Tutorial Beginner

    There’s more to choosing a niche than looking at the dollar signs. In this guide, we’ll look at why it’s important to niche down as well as different ways to...

  2. How to Recession-Proof Your Web Design Business

    How to Recession-Proof Your Web Design Business

    Tutorial Beginner

    There's nothing fun about going through an economic or personal financial crisis. With these 8 strategies, though, you can recession-proof and protect your...

  3. Principles for Successful Button Design

    Principles for Successful Button Design

    Tutorial Beginner

    Here are ten quick and simple things that I always think about when designing buttons. These are simple, general design principles that can go a long away in...

  4. How Much Should You Charge to Build a Website?

    How Much Should You Charge to Build a Website?

    Tutorial Beginner

    Wondering how to set a rate for your web design services? In this post, we’ll walk through a series of questions, exercises, and tools to help you find the...

  5. Understanding Visual Hierarchy in Web Design

    Understanding Visual Hierarchy in Web Design

    Tutorial Beginner

    Visual hierarchy is a key principle behind effective web and UX design. In this article we'll cover the theory behind it and go over basic exercises to put...

  6. What Are the Gestalt Principles of Design?

    What Are the Gestalt Principles of Design?

    Tutorial Beginner

    Based on findings from psychology researchers in the 1920s, the Gestalt principles help us design digital interfaces that make sense to users.

  7. How to Use the Serial Position Effect to Design Better Websites

    How to Use the Serial Position Effect to Design Better Websites

    Tutorial Beginner

    Learn how the position and timing of web page sections and components impact how well your visitors remember and interact with them.

  8. Incredible Indigenous Web Design From Around The World

    Incredible Indigenous Web Design From Around The World

    Tutorial Beginner

    To mark the International Day of the World’s Indigenous Peoples on 9th August, we’re celebrating 8 amazing Indigenous designers and agencies from around the...

  9. 10 Tips For Using Colors in UI Design

    10 Tips For Using Colors in UI Design

    Tutorial Beginner

    Let me share 10 practical tips on how to choose colors and use them in your user interface design.

  10. Accessibility Basics: Designing for Visual Impairment

    Accessibility Basics: Designing for Visual Impairment

    Tutorial Beginner

    With 4.5% of the global population experiencing color blindness, 4% suffering from low vision, and another 0.6% being blind, visual difficulties with using...

  11. Build a Better WordPress Website With Envato Elements

    Build a Better WordPress Website With Envato Elements

    Tutorial Beginner

    The new Envato Elements WordPress plugin enables you to easily add handcrafted page layouts, block templates and (coming soon) stock photos directly into...

  12. An Introduction to CSS Exclusions: The Future of Complex Web Layout

    An Introduction to CSS Exclusions: The Future of Complex Web Layout

    Tutorial Beginner

    “CSS exclusions” is an addition to our layout arsenal that will become another game changer, assisting with whatever complicated layout scenarios we crave....