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. Using Metaphors in Web Design

    Using Metaphors in Web Design

    Tutorial Beginner

    The word metaphor is probably most likened to a piece of writing, when it is used as a literary figure of speech for descriptive effect. However, today,...

  2. How Clean is Your Web Design?

    How Clean is Your Web Design?

    Tutorial Beginner

    Clean. A term often used to describe a website design, but what does it mean? How do you define it? I’m fairly sure that it doesn’t mean that the whitespace...

  3. 5 Traits of a Successful Icon Designer

    5 Traits of a Successful Icon Designer

    Tutorial Beginner

    What makes a successful icon designer? Is it their skills in digital rendering, the clever ideas they have, or is it something else? The truth is, it's...

  4. Designing for a Responsive Web

    Designing for a Responsive Web

    Tutorial Beginner

    The web as we know it is changing. In the past, designers and developers only had to concern themselves with one medium: the computer screen. In recent...

  5. Setting Web Type to a Baseline Grid

    Setting Web Type to a Baseline Grid

    Tutorial Beginner

    Web design is essentially just an evolution of the principles and theories created during the evolution of print. The design industry brought a lot of...

  6. Designing For, and As, a Color-Blind Person

    Designing For, and As, a Color-Blind Person

    Tutorial Beginner

    Color blindness is a mild disability through which the affected experience a decreased ability to distinguish colors from others. This can be a real drawback...

  7. Using White Space (or Negative Space) in Your Designs

    Using White Space (or Negative Space) in Your Designs

    Tutorial Beginner

    Space is a fundamental parameter in web design, but also one of the most underrated. If we grasp control of white space, we can control a subtle, but...

  8. Unity in Web Design

    Unity in Web Design

    Tutorial Beginner

    Today we're going to take a look at a design principle that plays a major role in the success of a web design: Unity. As with many designed elements in the...

  9. The Web Designer’s Theory of Relativity

    The Web Designer’s Theory of Relativity

    Tutorial Beginner

    Relativism is the concept that points of view have no absolute truth or validity. For web designers, this has monumental implications. What is beautiful?...

  10. Analyzing Groupon's Design: Why So Many Buy In

    Analyzing Groupon's Design: Why So Many Buy In

    Tutorial Beginner

    Sites like Groupon and LivingSocial have gained some serious traction in recent times with some raising nearly a billion US dollars in a single investment...

  11. Ordering Disorder: Grid Principles for Web Design

    Ordering Disorder: Grid Principles for Web Design

    Tutorial Beginner

    Today I've got a special treat for all of you grid lovers out there! Khoi Vinh (one of the leading authorities on typographic grid systems in web design) and...

  12. Concept and Inspiration: Design Theory for Web Designers

    Concept and Inspiration: Design Theory for Web Designers

    Tutorial Beginner

    Developing a meaningful concept is a crucial step in any design project... but it's a skill that few people really take the time to understand and...