The CRAP Design Principle: Contrast, Repetition, Alignment, and Proximity

Does Your Web Design Use CRAP?

Is your web design CRAP? please don't be offended. CRAP is actually an acronym for a design principle that was first coined by author Robin Williams. Her design principle can be applied to a number of different media forms. I first learned about CRAP design in a Business Writing class in college; this design principle can be applied to web design and many other aspects of digital and paper print. Before I get too ahead of myself, I should define what CRAP stands for. CRAP is an acronym that describes the Contrast, Repetition, Alignment, and Proximity of your designs.

Contrast
Contrast is the differences that make an object distinguishable from the background and any other objects. That means that your graphs, illustrations and anything else that you want to stand out should be different or contrast with the print to make them more noticeable. Elements that are not supposed to be communicated in the same light should be different because making things slightly different might confuse the viewer into thinking there might be a relation between two things when the relationship really does not exist. Contrast in your design livens things up and makes things easier for people to understand.

Repetition
If there is a relation between two points, the style should repeat for a consistent feel. Repetition means keeping design for similar themes consistent. Many people often skim text and graphics, repetition can help communicate your points when people only want to skim the message that you want to communicate. It reinforces communication and ultimately helps the reader understand. Just remember to repeat things in a consistent manner and don't overdo it. You want to make your repetition readable and effective.

Alignment
You need to align things in an organized fashion. Everything needs to visually connect with something else that the viewer is looking at. This means that your headings and subheadings should follow the same alignment and you don't want things placed where viewers will not look. Nothing should be out of place or disconnected, if it is then it probably doesn't belong.