XHTML | Photoshop | CRAP | WRA 210 Blog | Home

Contrast, Repetition, Alignment, Proximity.

The Usability Glossary defines "CRAP" as follows: a mnemonic for remembering 4 important principles of visual layout. These are closely related to the gestalt principles of similarity, good continuation, and proximity. CRAP is an important concept applicable to site design.

Contrast aids in organization, clarity, and accessibility needs. Contrast also helps images "pop" out of a page and can be used to distinguish different elements from one another.

Repitition can be used to create consistency, tying together various objects across an entire site.

Alignment applies to both text and images and helps the reader to create visual connections. Note that the use of center alignment for an entire site is highly discouraged.

Proximity applies to the placement of elements on the page and may be used as a powerful organization tool. Carefully planned placement can be used to convey "hidden" meanings.

Creative Commons License
This work is licensed under a Creative Commons Attribution-NoDerivs 2.5 License.