AND NOW SOME C.R.A.P.
As funny as it is…
… making CRAP jokes, it really is a foundational premise of
design, and it’s deeply important (and than...
You read about it
So I’m going to give these to you in my words,
along with a few quick examples, so you can
get a good se...
Contrast
Basically stated, contrast means that things that are
similar look similar but things that are different look
cle...
This image is a
great example, and
it is also a
hyperlink to a great
blog entry on
contrast, if you
want to learn more.
Repetition
Maybe the easiest of these four concepts to
define, repetition is, just as you’d guess,
repeating something– a ...
Alignment
Alignment is about positioning on a page.
Nothing should be put on haphazardly. There
should be a reason and a m...
The image to the right links
to a post that has some cool
reflection on alignment.
And there’s all
kinds of
alignment
goin...
Proximity
Proximity is very similar in theory to
alignment, but it’s more about grouping and
use of white space.
Basically...
C.R.A.P.
C.R.A.P.
Upcoming SlideShare
Loading in...5
×

C.R.A.P.

274

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
274
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

C.R.A.P.

  1. 1. AND NOW SOME C.R.A.P.
  2. 2. As funny as it is… … making CRAP jokes, it really is a foundational premise of design, and it’s deeply important (and thanks to our sense of humor usually quite memorable). The letters, of course, stand for: Contrast Repetition Alignment Proximity
  3. 3. You read about it So I’m going to give these to you in my words, along with a few quick examples, so you can get a good sense of how it works.
  4. 4. Contrast Basically stated, contrast means that things that are similar look similar but things that are different look clearly different. This keeps your reader from becoming confused and creating relationships that aren’t present. It comes, of course, from literal contrast, the light-to-dark or black-to-white of an image. In design it often ends up being about color values.
  5. 5. This image is a great example, and it is also a hyperlink to a great blog entry on contrast, if you want to learn more.
  6. 6. Repetition Maybe the easiest of these four concepts to define, repetition is, just as you’d guess, repeating something– a color, a logo, a typeface, a type style. It unifies and organizes.
  7. 7. Alignment Alignment is about positioning on a page. Nothing should be put on haphazardly. There should be a reason and a measurement that guides where things are placed in relation to each other.
  8. 8. The image to the right links to a post that has some cool reflection on alignment. And there’s all kinds of alignment going on with the new Windows 8 start page.
  9. 9. Proximity Proximity is very similar in theory to alignment, but it’s more about grouping and use of white space. Basically: similar things are grouped together, different things require space.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×