Design Lessons - Basic Design Principles Part 1

Design Lessons - Basic Design Principles Part One

by Kyle ~ October 4th, 2008. Filed under: Design Lessons.

Basic Design Principles - Part One

Information on basic design principles, part one of a series of articles providing useful design information. This article covers hierarchy, balance, contrast and proximity.

Hierarchy

Depending on what you want your reader to view first will depend on the hierarchy you have set up. By changing the position of an item on the page, its size or color you can improve your hierarchy.

Hierarchy is a valuable to guide your readers or viewers through your design. Remember to keep in mind what you want your viewers to see first. Without hierarchy your viewers might find it hard to locate important or useful information.

Balance

There are two types of balance: symmetrical balance and asymmetrical balance. Symmetrical balance is achieved through creating equal amount of objects/elements on either side of an ‘imaginary line’ separating the page. Asymmetrical balance is achieved by balance through different techniques.

For example pretend you are weighing your page on a scale. Different elements will weigh different weights based on their size, and content. As you can see below although there is a lot of text on one side by placing a design element of equal weight on the other side you can balance the design.

Contrast

Contrast goes beyond differences in color, it can be applied to size, texture, type and more. By providing contrast you can add interest to your design. Increasing contrast can improve readability by making type stand out.

Proximity/Clustering

Individual design elements that are grouped together are perceived as a group. By increasing the proximity of similar objects in your page you can help your viewers locate similar information.

I would love to see how you have applied this techniques to your designs. Leave a comment and share you work with others!

Tags: Design Lessons,Design Principles

Comments

Steven Clark
October 5th, 2008

Teaching web standards web design methodologies to graphic design students at TAFE last year I was surprised that while they understood the basic idea, obviously in their work, they had never heard of Gestalt Principles.

Nice post by the way, will be interested to see the rest of the series.
Dainis Graveris
October 7th, 2008

Please continue those parts! I love to read this kind of articles - great to learn from!
Catalog Printing | PrintPlace.com
December 15th, 2008

Hierarchy is ever so important. I think many new designers make the mistake of thinking that everything is important enough to be “big” – meaning every design element is the same size as every other design element. Making a design element smaller doesn’t diminish its value; it just helps the reader understand what to digest first. It’s like helpful signposts along the way of design lane – “look here and then look here.” Hierarchy is so helpful and if it isn’t used, many viewers will just walk away confused.