It’s all C.R.A.P.: Four Principles of Design
2 Geeks talk about Design!
What a bunch of C.R.A.P.!
There are four principles of design that we want you to get under your belt.
If you’re a designer, you’ll know this stuff already. If you’re a programmer, you might not. What’s important to understand is that if you can get these 4 principles under your belt, then over time you’ll develop a feel for why designs don’t work, and you’ll identify that really, really fast.
It’s like you’ll have some secret superpower.
Watch the video, read the stuff below, and suggestion: if you haven’t ever seen this stuff before, print it out, put it on the wall, and absorb!
The 4 Principles of Design
C. is for Contrast.
Creating contrast for elements means that discrete elements stand out. Contrast is all about making things stand out. A call to action that is red on a black and white website will stand out in a big way. Users know where to look first, second, third, last. This helps with scanning, especially with making ‘special’ things stand out.
R. is for Repetition.
Repetition, for instance making a header and footer the same color, makes scanning a website easier. Bullet lists are easy to scan, right? Because the repetition of the little dots makes it so. This can create a cohesive look to a website. Obviously, color and shapes are important with repetition.
A. is for Alignment.
Columns within a page makes it easier to scan horizontally. Newspapers use this to great effect. Aligning a whole bunch of elements with one another makes them scan faster. Alignment makes things easier to read.
P. is for Proximity.
Proximity means that things are associated with one another – or not. The closer things are, the more they are associated. The farther things are away from one another, the less they are associated. This helps immensely in navigation. This kinda folds into the ‘chunking‘ method of making data more digestible.
Tell you what, just watch the C.R.A.P. video, OK?
– Gregory and Mark