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 tutorials:

Filters

Design Theory

Design School for Developers: It's a Wrap!

Tutorial • Beginner

So there we have it, the end of our session for Design School for Developers. Hopefully, by now, you’ll have a much better understanding of the basic...

Rachel Shillcock • 1 Nov 2013
Design Theory

Responsive Web Design

Tutorial • Beginner

Unless you’re totally new to the industry, or you’ve been living under a rock in the faraway lands of another planet, you’ll have heard about responsive...

Rachel Shillcock • 1 Nov 2013
Design Theory

Video in Web Design

Tutorial • Beginner

Video itself has been around for a long time; in films, on the television and now readily available to play on our phones, tablets and other devices. Video...

Rachel Shillcock • 11 Oct 2013
Design Theory

CSS3, Web Fonts and Icons

Tutorial • Beginner

We’re really lucky to be working in an industry like the web industry. Nowadays, we have so many new tips and techniques and ways of working all of the time....

Rachel Shillcock • 10 Oct 2013
Design Theory

All About Trends in Web Design

Tutorial • Beginner

As long as the web has been around there have been certain design trends which have popped up from time to time. Some of these trends have stuck around and,...

Rachel Shillcock • 9 Oct 2013
Design Theory

Building Visual Hierarchy into Your Designs

Tutorial • Beginner

It’s important to remember that hierarchy has not only to do with content and the words that you have on a page. The imagery you include in your designs,...

Rachel Shillcock • 3 Oct 2013
Design Theory

Building Content Hierarchy Through Design

Tutorial • Beginner

Way back at the beginning of this series, we talked a lot about content and the importance content has in any design work. It’s something that should...

Rachel Shillcock • 2 Oct 2013
Design Theory

An Introduction to Hierarchy

Tutorial • Beginner

Ensuring that your designs present a clear hierarchy is very important, and something that you should aim for in every one of your designs. There’s...

Rachel Shillcock • 30 Sep 2013
Design Theory

New to Web Design? Start Here.

Tutorial • Beginner

Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your...

Ian Yates • 20 Sep 2013
Design Theory

Reducing the Bloat

Tutorial • Beginner

Complexity in our designs is often unavoidable. Sometimes, it’s also necessary. When working for any client there is always going to be a level of complexity...

Rachel Shillcock • 19 Sep 2013
Design Theory

Building Consistency and Relationships into Your Designs

Tutorial • Beginner

One key part of composition is understanding how to build consistency into your designs and how to display the relationships between each of the elements on...

Rachel Shillcock • 18 Sep 2013
Design Theory

Adding Space to Your Designs

Tutorial • Beginner

Let’s get the basic stuff out of the way first. Whitespace isn’t simply a block of space in your design that has to be white. Instead, think of it more like...

Rachel Shillcock • 10 Sep 2013