Basic Principles of Graphic Design1
CRAP : Proximity, Alignment, Repetition, Contrast
Proximity
When objects are near one another they become a visual unit. Proximity’s basic purpose is
organization. Good use of proximity also produces good white space.
Rules
° Limit the number of visual units on the page.
° Don’t stick things in corners and middle.
° Avoid leaving exactly equal amounts of white space between objects unless groups are part of a
subset.
° Allow no confusion about what goes with what.
° Don’t create relationships between things that are not related.
Alignment
Alignment helps tie together the elements that make up a page. Always find something else on the
page to align each new element with.
Rules
° Avoid mixing text alignments on same page.
° Always choose centered alignments consciously, never by default.
Repetition
AKA “being consistent.” Unifies piece. Keeps reader’s eye on the page.
Rules
° Find existing repetitions and strengthen them.
° But avoid overdoing it. Keep contrast in mind.
Contrast
For contrast to be effective, it must be strong. If things are different, do not let them be similar.
Creates interesting page. Adds to organization. Must support intended focus, not create new ones.
Rules
° Avoid using two typefaces that are similar. If they are not exactly the same, they should be
different. Don’t mix brown text with black titles.
1 Williams, Robin. 1994. The Nondesigners Design Book: Design and Typographic Principles for the Visual Novice. Peachpit
Press: Berkeley, California.
Tufte, Edward. 1990. Envisioning Information. Graphics Press: Cheshire, Connecticut

More Related Content

PDF
Browser’s Castle: Defend Your Code Like a Designer
PPT
Layout Principles
PPTX
10 Design & Layout Principles Guaranteed To Improve
PPTX
Basic Principles of Graphics and Layout
PPTX
Basic layout principles
PDF
Study: The Future of VR, AR and Self-Driving Cars
PPTX
Introducing the CRAP Design Principles
PPT
Graphics Design Basics
Browser’s Castle: Defend Your Code Like a Designer
Layout Principles
10 Design & Layout Principles Guaranteed To Improve
Basic Principles of Graphics and Layout
Basic layout principles
Study: The Future of VR, AR and Self-Driving Cars
Introducing the CRAP Design Principles
Graphics Design Basics

Similar to Basic Principles of Graphic Design (20)

PPTX
The four basic principles
PPTX
4 basic design principles
PDF
Graphic design slideshow
PPT
PPTX
Principles of Design
PPT
Crap present full
PPTX
Lecture 2 design principles
PPTX
Dtp Design Elements
PPTX
Crap design
PPT
Design principles
PPTX
PPTX
Empowerment-technologies-presentation.pptx
PPTX
Empowerment Technologies - Imaging and Design for the Online Environment
PDF
Graphic design principles
PPT
Fourdesignprinciples
PPTX
Pubs chap 1 5
PPT
Module 3, 3.5 CRAP
PPT
Fourdesignprinciples
DOC
Design handout
PDF
Crap design for e learning
The four basic principles
4 basic design principles
Graphic design slideshow
Principles of Design
Crap present full
Lecture 2 design principles
Dtp Design Elements
Crap design
Design principles
Empowerment-technologies-presentation.pptx
Empowerment Technologies - Imaging and Design for the Online Environment
Graphic design principles
Fourdesignprinciples
Pubs chap 1 5
Module 3, 3.5 CRAP
Fourdesignprinciples
Design handout
Crap design for e learning
Ad

Basic Principles of Graphic Design

  • 1. Basic Principles of Graphic Design1 CRAP : Proximity, Alignment, Repetition, Contrast Proximity When objects are near one another they become a visual unit. Proximity’s basic purpose is organization. Good use of proximity also produces good white space. Rules ° Limit the number of visual units on the page. ° Don’t stick things in corners and middle. ° Avoid leaving exactly equal amounts of white space between objects unless groups are part of a subset. ° Allow no confusion about what goes with what. ° Don’t create relationships between things that are not related. Alignment Alignment helps tie together the elements that make up a page. Always find something else on the page to align each new element with. Rules ° Avoid mixing text alignments on same page. ° Always choose centered alignments consciously, never by default. Repetition AKA “being consistent.” Unifies piece. Keeps reader’s eye on the page. Rules ° Find existing repetitions and strengthen them. ° But avoid overdoing it. Keep contrast in mind. Contrast For contrast to be effective, it must be strong. If things are different, do not let them be similar. Creates interesting page. Adds to organization. Must support intended focus, not create new ones. Rules ° Avoid using two typefaces that are similar. If they are not exactly the same, they should be different. Don’t mix brown text with black titles. 1 Williams, Robin. 1994. The Nondesigners Design Book: Design and Typographic Principles for the Visual Novice. Peachpit Press: Berkeley, California. Tufte, Edward. 1990. Envisioning Information. Graphics Press: Cheshire, Connecticut