C.R.A.P.Chase FairchildDarian Shemali

Alignment: Proximity:

use valign ( vertical align), text-align (left, right, center, justify) and indent (block quote) to align graphics and text

use GIV tags to group items

use graphics such as lines and rectangles to organize page elements

Keep related things close to each other and less related things divided by space

white space is important in separating elements of a page

Color: Repetition:

Avoid busy backgrounds high contrast between

text and colors one color for titles, one

for subtitles font colors, size, and

types are different for titles and subtitles

background colors can also help organize a page

repeat fonts (size, type, color) and graphics to tie related items together.

do the same to divide the page in to separate pieces; as in the two columns og this page

use titles and subtitles of same font, decoration, color, weight to identify parts of the page.

Nice Navigation Bar!

Nice iPhone 4S! ;)

Nice use of white space!

Good separation of columns

WORST USE OF WHITE SPACE EVER!

What is this?

Much SpaceTo

Nice iPhone 4S! ;)

My Grandma could use this website!

Great Spacing

I don’t even knowwhat to say…???

What is this? like the 80’s?

I’d date this website…

I want to know the secret………………………………………….

NOTHING bad to say….

Everything is the same

color…

Its just ugly…

Where doI start?

Can you tell I'm an Apple fan-boy yet?

Nice spacing

Good use of white space…