Fundamental principles of effective visual design centered on Robin Williams' CRAP principles (Proximity, Alignment, Repetition, Contrast).
Overview
Graphic Design Principles
Graphic Design Principles are structured around the four fundamental principles (CRAP: Contrast, Repetition, Alignment, Proximity) systematized in Robin P. Williams' book 'The Non-Designer's Design Book.' These principles are designed to enable people without formal design training to achieve professional visual expression and are applied to all forms of visual communication including web design, UI/UX, print materials, and presentations. Each principle contributes to organizing information, building visual hierarchy, ensuring consistency, and improving readability—transforming chaotic designs into intuitive and effective visual communications.
graphic design
CRAP principles
design theory
UI/UX
visual communication
Robin Williams
design education
| code | slug | name | description | keyPoints |
|---|---|---|---|---|
| 01 | proximity | Proximity | A principle that places related elements close together to visually indicate their relationship. | ["Grouping related elements","Separation through whitespace","Reducing cognitive load","Clarifying information hierarchy"] |
| 02 | alignment | Alignment | A principle that intentionally positions elements to create visual connections and order. | ["Building visual connections","Left/right/center/justified alignment","Unity and order","Professional impression"] |
| 03 | repetition | Repetition | A principle that creates consistency and unity by repeating visual elements throughout the design. | ["Establishing brand recognition","Creating visual rhythm","Improving usability","Ensuring consistency"] |
| 04 | contrast | Contrast | A principle that emphasizes differences between elements to create visual hierarchy and draw attention. | ["Building visual hierarchy","Enhancing attention","Differences in color/size/font","Ensuring accessibility"] |