Principles of Design

1st edition — by Patrick McNeil — Nov. 27, 2007

Introduction

One of the topics which I have long wanted to cover is the basic principles of design. My approach to design analysis and learning has always been from a sample stand point. That is to say I much prefer to analyze samples of design and how they address various topics instead of abstract talk about vague topics. The basics are no different. I believe that through the analysis of sample sites we can all get a refresher on the basic underlying principles of design. This is not only good for the beginner, but also the more advanced designer. I often find that when I go back to the basics I find something new that I didn't get before.

View on Amazon.comFor the basic principles covered here I turned to the book Basics of Design by Lisa Graham. It is the book I used in school and has always served as a basic reference point for me. According to Graham the basic principles are emphasis, contrast, balance, alignment, repetition and flow. All design is built on these basic blocks, and the more thought that is put into those elements the better the design will be. It seems that design goes astray when this is forgotten. By returning to the fundamentals we can refocus our eyes and minds when producing design.

For a long time now I have been building out these sets of samples, I have tried really hard to get the very best examples of each topic. I also made a large effort to create a diverse set of examples demonstrating the principles in an assortment of usages. These sets are by no means huge, instead they are small focused sets which demonstrate the power of each principle. I will post the first three principles this week, and the remaining three next week.

Check out the first chapter on emphasis.

divider

The Principles

  1. Emphasis
  2. Contrast
  3. Balance
  4. Alignment
  5. Repetition
  6. Flow

divider

Comments

Dustin Brewer

11/27/2007 10:23:02 AM

Awesome idea, I did something similar with CRAP design on my blog but I like how you added emphasis and flow. Are you going to do anything with Proximity?

Patrick

11/27/2007 10:24:26 AM

I donīt have Proximity on my list at this time, but I think I will expand the list to includes principles such as that. It seems there are different lists of the basic principles. They all tend to go together, but the list I started from is as you see it above.

No reason not to expand it after this initial round of six elements though.

Brian Artka

11/27/2007 12:29:24 PM

Love the idea Patrick. I always find myself brushing up on the basics and finding a whole new set of skill sets; its pretty amazing. Iīll be checking in on this often.

Dustin, gotta love Robin Williams for teaching me about CRAP. =) (have you been playing any foosball lately? hehe)

Brian

cyras

11/27/2007 1:39:12 PM

thanks for putting this together, i look forward to seeing the whole thing!

iīve come to web design by way of pure coding, so i feel like iīve got the tools build the house, but no blueprint, to use an awkward and not very accurate analogy :D

Dustin Brewer

11/28/2007 10:17:18 AM

No I havenīt had much chance to play any foosball at all. Kinda disappointed about that. Iīve been trying to convince the guys up here we need to get a foosball table in the office, haha.

Yeah, Robin Williams has awesome books heh.

Paul Ehrenreich

11/29/2007 9:26:38 AM

I canīt wait to read through the series. I am kind of in a similar situation as cyras. I can code...but when it comes to actually making it not look like something a two year slapped slap together, that is a whole different story. I might even check out the book as well.

Jimmy

11/30/2007 8:50:25 AM

Thanks a lot for the Article.Good and very informative.Looking forward to the other articles too and hoping to have some primer on design too in your forthcoming book.

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha