Is it C.R.A.P or CRAP?

As a webdesigner for web 2.0, understanding the C.R.A.P Design is important. Here’s what C.R.A.P stands for:

C – Contrast
Just like the word says, contrast means to compare in order to show unlikeness or differences to compare in order to show unlikeness or differences.

With technical terms, contrast refers to the differences of sizes, colors and shapes use to distinguish two elements. So, to show you guys the contrast:

credit to me.

R – Repetition

Repetition in your text is bad; repetition of your design elements is not only good but necessary.

Quoted from Design Better with Crap.

True? Yeah. Imagine you have a page full of repeated text. Mm, How do yo actually read it? Is the information correct? Designers used repeated design element for the design to stand out; It is called Pattern. I used Damask pattern a lot of the time, rather than a solid color, it adds live to the design.

Here’s an example:


Which is more attractive? Is it the one with a repetitive background or the one with a solid color?

A – Alignment
Alignment simply means to arrange everything in a straight line. Every element must be connected to each other. With alignment, a page will look very clean, neat and sophisticated. Content should be left, right or center aligned too.

getgoodsensecomment by me. screenshot from

I hope the comment is readable, otherwise, click on it. The two pictures drawn in red circles are my only concerns. It looks a little out of the place, doesn’t it? If only the text are justified. Anyway, the site looks great as a whole though. It’s neat and they really are good sense.

P – Proximity
Proximity: nearness in place, time, order, occurrence, or relation.
Well, you don’t want your content to look like they are not related to each other at all, so why are they all on the same page? With Proximity, it can help the user to find the information they want easily.

wireframe_dev_roncredit to me.

Look at the spacing of each of the content on the page. That’s proximity, equally spaced out, and still look like a site as whole.

I think Group8020 has a good proximity for its content.

Lastly, CRAP really just means crap.

3. refuse; rubbish; junk; litter: Will you clean up that crap

Well, I think I’ve cramped you with enough information. Till then.


~ by vaniaa on November 19, 2008.

4 Responses to “Is it C.R.A.P or CRAP?”

  1. Some useful info on c.r.a.p. principles. It may be useful to also provide a little more info on that, and explain it more at the strart before you start looking at the various designs.

    You started with the designs first and the reader may not be clear what to look for at that point.

  2. i like the way a so called bad term “crap” can be made into such a beautiful abbreviation and used for design purposes. The irony? 🙂

  3. Where did the term ‘crap’ come from? Do cite the source and let us know who’s the person who developed this framework for web design.

  4. Give credit to the originator/publicizer of this concept:

    Robin Williams, The Non-Designer’s Design Book

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: