C.R.A.P.:The Four Principles of Sound Design

By Daniel Scocco

This is a guest blog by Jacob Cass. Be sure to check out his $5000 prize giveaway.

As a graphic designer, I could tell you if your website design is C.R.A.P. Not crap as in crap crap, but I mean C.R.A.P as in the underlying principles of good design.

C.R.A.P stands for contrast, repeitition, alignment and proximity and these are the four principles of design that a blog design should adhere to.

The Joshua Tree

To get your head around the c.ra.p. principles let me tell you a true story aptly named The Joshua Tree from Robin Williams book, the Non Designers Type Book.

Once upon a time, Robin received a tree identifying book where you could match a tree up with its name by looking at its picture. Robin decided to go out and identify the trees in the neighborhood. Before she went out, she read through part of the book.The first tree in the book was the Joshua tree because it only took two clues to identify it.

Now the Joshua tree is a really weird-looking tree and she looked at that picture and said to herself "Oh, we don’t have that kind of tree in Northern California. That is a weird-looking tree. I would know if I saw that tree, and I’ve never seen one before.

So she took the book and went outside. Her parents lived in a cul-de-sac of six homes. Four of those homes had Joshua trees in the front yard. She had lived in that house for thirteen years, and she had never seen a Joshua tree.

She took a walk around the block – at least 80 percent of the homes had Joshua trees in the front yards. And she had sworn she had never seen one before!

The moral of the story? Once Robin was conscious of the tree, once she could name it, she saw could see it everywhere. Which is exactly my point. Once you can name something, you’re conscious of it. You have power over it. You own it. You’re in control.

The four basic principles

So now you’re going to learn the names of four of the main design principles that can be applied to any design piece at all. You are going to be in control of your pages and website as a whole.

The following is a brief overview of the principles. Although these are discussed separately, keep in mind they are really interconnected, rarely will you apply only one principle.

1. Contrast
The idea behind contrast is to avoid elements on the page that are merely similar. If the elements (type, color, size, line thickness, shape, space, etc.) are not the same, then make them very different. Contrast is often the most important visual attraction on a page.

  • Can you see the difference between your content, ads, headings, body copy and comments?

2. Repetition
Repeat visual elements of the design throughout the piece. You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc. This helps develop the organization and strengthens the unity.

  • Do you have a consistent theme or brand throughout your site? Do you reuse the same colour, shapes, blockquotes, formatting for all of your articles?

3. Alignment
Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page. This creates a clean, sophisticated, fresh took,

  • Does everything line up or have you got things centred, left aligned or out of place?

4. Proximity
Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather than several separate units. This helps organize information and reduces clutter.

  • Can you find everything you need on your page easily? What is it that your visitors are looking for?

Contrast, Repetition, Alignment, Proximity = CRAP

When you gather these four principles of design theory, the appropriate and memorable acronym is CRAP. Sorry about that.

How can you use these 4 design principles?

Look at your website’s design and try to identify each singular principle. If you can’t seem to identify a part, this is an area that you need to fix up. ie. If your page has no contrast, you must make contrast. If you need some inspiration check up on the many design galleries out there. You should also be aware of the 40 Practical Blog Setup tips.

Don't have a blog yet? Click here to start yours in 4 easy steps!


Share

30 Responses to “C.R.A.P.:The Four Principles of Sound Design”

  • Hairie

    good info..thanks

  • Jacob Cass

    Thanks Daniel for the post, hope your readers like it!

  • Daniel

    Crap is a well known concept, but it is always good to get a reminder, and we never covered it here before.

  • PlanningQueen

    I am relatively new to this blogging thing, but was chatting to someone who was reading my blog – and who had never read one before. It made me realise that for the demographic I am targeting, maybe my design is not hitting the target. Have to go check out your 40 tips now.

  • Ethan Armstrong

    Thanks for the info.
    I think that most sites are developed today based on predefined themes and platforms, so CRAP does not play a role as it did before.
    look at this one, for example – http://www.forhardtimes.com

  • Josh

    Its very true! Thanks for the info! Loved the video too!

  • Bent

    thanks for the info dude! have a nice day.

  • David Airey

    That’s CRAP, Jacob.

    Great work on getting a guest post spot here on DBT. Have a good weekend buddy.

  • djyano

    Thanks great article!!!

    Heres my my blog regarding online infos http://djyano.blogspot.com

  • iContentRobot

    Great advice, many thanks, very useful info!

    Best wishes
    Lewis
    http://www.icontentrobot.org

  • iContentRobot

    Heres something VERY useful for bloggers too and it went live just a few hours ago!

    This IS a revolution in unique content creation… check it out! =0>

    http://www.icontentrobot.org

    Best wishes

    Lewis

  • SEO Genius

    Nice guest article, love the title 😀 definitely eye catching :)

  • richwelder

    Great article

  • Boobe

    Thanks for the info ! Have a nice tomorrow.

  • Brad Strong

    Well, there are more design principles – but you hit the ones you covered with a great attitude – you spoke to us and made us think about our own websites instead of just pondering the principles as pure theory. Just that little bit of attitude is very helpful – I think I’ll try it myself! BTW if anyone wants to check out my take on the principles of design, click my website and look under theory > design!

  • gendut

    your blog really help visitor to improve knowledge….. to be good blogger…. thanks for useful advice

  • Britney

    These are great tips.
    TYPO: “C.R.A.P stands for contrast, repeitition, alignment and proximity and these are the four principles of design that a blog design should adhere to.”
    Repetition.

  • Danielle

    this is very akward for me but in a way i some what liked it but not all that much. Very detailed and very organized. i personally think you totally need more pictures. Thats what atract the audience. And alot more colors and pretty font not just something boring.! i hope you take my thoughts and do them. they will atract your audience and make you site POPULAR!

  • Nick

    great article man. you explain the four principles of sound design extremely well, as well as being interesting. Keep up the good work i hope to see more from you in the future.

  • Posiciona tu blog

    I always enjoy your posts. Thanks for taking the time to explain C.R.A.P.

  • Brodie

    That was absolute crap.
    Brilliant article mah boi.

Comments are closed.