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.
  1. 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.

  2. Understanding the Qualities and Characteristics of Color

    Understanding the Qualities and Characteristics of Color

    Tutorial Beginner

    Moving on from our previous article on defining and recognizing colors, let's now explore the qualities and characteristics of colors.

  3. 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...

  4. 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...

  5. 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....

  6. The Testing Phase of Design Thinking

    The Testing Phase of Design Thinking

    Tutorial Beginner

    Testing is the space for users to experience a prototype without guided questions from the team. It is the opportunity for the Design Thinking team to...

  7. Prototyping in Design Thinking: Fail Fast, Fail Often

    Prototyping in Design Thinking: Fail Fast, Fail Often

    Tutorial Beginner

    In this article we’ll take a look at the prototyping stage of design thinking. Failing is mandatory.

  8. Kickstarting a Web Design Using an Image as a Base

    Kickstarting a Web Design Using an Image as a Base

    Tutorial Beginner

    In this short tutorial I’m going to show you one of my favorite shortcuts for kickstarting a web design.

  9. Guide to SEO in China (2018 Edition)

    Guide to SEO in China (2018 Edition)

    Tutorial Beginner

    In this tutorial, we discuss the details and tactics of search engine optimization (SEO) for China the organic way—without paid advertising.

  10. Quick Tip: Create a Color Scheme From an Image

    Quick Tip: Create a Color Scheme From an Image

    Tutorial Beginner

    In this quick tip I’m going to demonstrate something really useful, a technique I use regularly: how to create a color scheme from an image.

  11. Best Practices in UX Design for a Global Audience

    Best Practices in UX Design for a Global Audience

    Tutorial Beginner

    Here are three best practice tips on how to make your designs inclusive and relevant to a diverse and global audience.

  12. How to Use CSS Gradients on the Web

    How to Use CSS Gradients on the Web

    Tutorial Beginner

    In this tutorial you’ll learn about using gradients on the web. I’ll give you some examples, some exercises (such as how to create gradients for borders),...