CRAP Design
CRAP is an acronym for Contrast, Repetition, Alignment, and Proximity. These four principles are the foundation of effective design. Contrast helps to create visual interest and draw the viewer's attention to the most important elements on the page. Repetition helps to create a sense of unity and consistency throughout the design. Alignment helps to create a sense of order and organization, making it easier for the viewer to navigate the page. Proximity helps to create relationships between elements and group related content together. By applying these principles to your designs, you can create visually appealing and effective layouts that engage and inform your audience.
CRAP Examples
Here are some examples of how the CRAP principles can be applied to design:
- Contrast: Using contrasting colors, fonts, or sizes to make important elements stand out.
- Repetition: Using consistent colors, fonts, or styles throughout a design to create a cohesive look.
- Alignment: Aligning elements along a grid or axis to create a sense of order and structure.
- Proximity: Grouping related elements together to create visual relationships and hierarchy.
A well-designed page example is jayski.com, and a poorly designed page example is angelfire.com/super/badwebs.
Page Comparison
jayski.com represents good design practice, using simple consistent design and themes with contrasting headers and main text.
angelfire.com/super/badwebs represents poor design practice, using a cluttered layout with inconsistent fonts and colors, making it difficult to read and navigate.