Wednesday, September 23, 2009

Week 2: CRAP

Week 2
Find at least 4 images (from magazines, the internet, digital photos of posters, billboards, etc, scans of flyers, etc). Each image should embody one or more of the CRAP principles. Explain how each image embodies those principles. Briefly discuss the merits and/or shortcomings of the CRAP principles in terms of their usefulness as a design aid.

CRAP: Contrast, Repetition, Alignment, Proximity

Image #1: Love Happens


Contrast

  • Names, tag line, title, and details at the bottom of the ad are all different font sizes.
  • Names and title are green while tag line is black
  • White background makes words and picture pop

Repetition

  • Names and title are both the same color green
  • The picture of Eckhart and Aniston has a lot of green in it as well
  • Ever item is horizontally placed on the ad

Alignment

  • Horizontal
  • Tag line and title are centered
  • Focus is centered because of the position of the actors as well

Proximity

  • Names of the actors are next to each other at the top of the page
  • The tag line flows into the title because it is right above it
  • Nothing is squished, everything has space around it, this makes the ad very clear and easy to look at

I noticed that you can use the CRAP principles for things you don’t want people to notice as well such as the information in small type at the bottom of the ad. This is easy to ignore because it does not follow the CRAP principles. Its font is light and skinny which doesn’t show up well against the white background. The small type is only at the bottom of the page, there is nothing to connect it to the rest of the ad. It is aligned with the bottom of the page so that it can be easily ignored. Since everything else on the page is so clear, especially the title which is directly above the small type, the eye is uninterested in examining this part of the ad.


Image #2: Diet Coke


Contrast

  • “Flirt with taste. Not calories.” Is written so that the words “Flirt”, “taste”, and “calories” are larger than “with” and “not”.
  • The bright red words and brown/red coke bottle stick out from the black and white background
  • The word “Diet” is the only word not written in a red font, which along with its position (above and to the right of the word “Coke”) , makes it seems like an after thought. The advertisement is trying to say “even though its ‘diet’ coke, it still tastes good”, so their main focus is to sell the taste. The font of the word “diet” is sort of cursive style which makes people think “fancy” or “classy”. This coordinates with the stars and circles design as well as with the woman who looks like she’s dressed to go out on the town.

Repetition

  • The red is repeated in the tag line, the bottle of coke and the word “Coke” on the bottle and in the bottom right hand corner
  • The swirly circle pattern coming out of the bottle is also at the top right hand side of the ad as well as a similar looking design of circles and stars along the bottom of the ad
  • The same logo that is on the bottle is in the bottom right hand corner of the ad, repetition of the product is important because it is the main focus of the ad

Alignment

  • Our eyes automatically read from left to right so placing the words of the left hand side and the image on the right hand side is easy to look at
  • The two sentences are separated while the words within each sentence are close together.
  • The bottle is placed right below the tag line
  • The right side the ad isn’t bare of color or words because of the diet coke logo.

Proximity

  • The women’s eyes seem to be looking at the words “Flirt with taste...” which, to me at least, looks like it’s what she’s thinking. The woman is in a “flirty” position as well; laughing, touching her face, leaning forward, etc.
  • Both the diet coke logos are at the bottom half of the ad

I think Robin Williams should have added an S at the end of CRAP to make it CRAPS, and the S would stand for SIMPLICITY

People like images that are easy to look at. A clear image equals a clear message, which is what images try to present.

Image #3: Premarin Warning


Contrast

  • The yellow against the black and white makes the important information stand out (while simultaneously symbolizing urine)
  • The white against the black back ground is clear to read
  • The bold yellow font is in contrast to the white normal font
  • The pretty, old fashioned, smiling woman holding a glass of horse urine is an example of how contrast can create humour
  • The strip of yellow background with the bold black lettering at the bottom of the page stands out against the oppositely formatted text above

Repetition

  • Yellow glass, text, and label at bottom
  • Black and white everywhere else

Alignment

  • The giant T grabs the eyes attentio
  • The eye sees the funny picture first, then reads down from there
  • The title of the ad is at the bottom because the advertiser wants people to see the product from their point of view before even knowing what the product is

Simplicity

  • The picture is clearly a stereotypical house wife: clean and tidy, not a pee drinker
  • The yellow says it all
  • The message could not be easier to read because of the large and simple font
  • Humour makes people more interested than just the dry facts
  • The truth is always effective

Image #4: Flare


Contrast

  • Everything on this page seems to be in contrast with something else
  • The two models have contrasting outfits – ones black and the other is mostly white
  • There are about five different font styles, 6 different font sizes, and 2 different font colors
  • The red letters against the black, white and grey stands out
  • The huge black “scene” word stands out in front of the white background
Repetition
  • The red “new wave” is reflected in the red “the disco darlings”
  • All other text is black
  • The same font style is used for “the hottest names to know in Canadian music” and below with “the disco darlings: fan death”
  • black and white lettering and black and white outfits (they should have a splash of red too)
Alignment
  • all text is centered except for the FLARE logo
  • the models are in front of the title “the new wave” which shows their importance
  • their image is more important than their information since it is placed at the bottom in small lettering
  • the title “scene” at the top indicates the beginning of a new article topic within the magazine
Some things I learnt from looking at these images:
  • clearity and simplicity goes a long way
  • black and white can’t go wrong
  • red on black and white stands out and takes focus
  • contrast in font keeps information from becoming borin
  • you can control what the eye focuses on as well as what it doesn’t focus on
  • large fonts and cursive looking fonts are popular right now
  • I think the photographs serve to catch the attention of the eye then the words give the wanted information

1 comment: