SlideShare a Scribd company logo
1 of 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

More Related Content

Similar to Basic Principles of Graphic Design

Lecture 2 design principles
Lecture 2 design principlesLecture 2 design principles
Lecture 2 design principlesRodney Peñafiel
 
Graphic Design Basics 4 Principles Of Page Des
Graphic  Design  Basics 4  Principles Of  Page  DesGraphic  Design  Basics 4  Principles Of  Page  Des
Graphic Design Basics 4 Principles Of Page Desdarlinga
 
Graphic design principles
Graphic design principlesGraphic design principles
Graphic design principlesVictoria Rivett
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentJeff Taylor
 
Graphics Design Basics
Graphics Design BasicsGraphics Design Basics
Graphics Design BasicsBART RADKA
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Designasholst
 
Principles of good web design no1- unity
Principles of good web design no1- unityPrinciples of good web design no1- unity
Principles of good web design no1- unityUrsula Zajkowska
 
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdfwww.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdfapexsports101
 
4 principles of visual presentation design
4 principles of visual presentation design4 principles of visual presentation design
4 principles of visual presentation designAsta Waikwan
 
Design perception-principles
Design perception-principlesDesign perception-principles
Design perception-principlespcald50
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of DesignSam Georgi
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop PublishingKay Smythe
 
Design Element 3 - "Space"
Design Element 3 - "Space"Design Element 3 - "Space"
Design Element 3 - "Space"mjb77ny
 
Good And Bad Design Overview
Good And Bad Design OverviewGood And Bad Design Overview
Good And Bad Design Overviewrebachin
 

Similar to Basic Principles of Graphic Design (20)

Lecture 2 design principles
Lecture 2 design principlesLecture 2 design principles
Lecture 2 design principles
 
Crap design
Crap designCrap design
Crap design
 
Graphic Design Basics 4 Principles Of Page Des
Graphic  Design  Basics 4  Principles Of  Page  DesGraphic  Design  Basics 4  Principles Of  Page  Des
Graphic Design Basics 4 Principles Of Page Des
 
Graphic design principles
Graphic design principlesGraphic design principles
Graphic design principles
 
The Joshua Tree Epiphany
The Joshua Tree EpiphanyThe Joshua Tree Epiphany
The Joshua Tree Epiphany
 
Lesson 1 Proximity And Alignment
Lesson 1 Proximity And AlignmentLesson 1 Proximity And Alignment
Lesson 1 Proximity And Alignment
 
Graphics Design Basics
Graphics Design BasicsGraphics Design Basics
Graphics Design Basics
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Dtp Design Elements
Dtp Design ElementsDtp Design Elements
Dtp Design Elements
 
Principles of good web design no1- unity
Principles of good web design no1- unityPrinciples of good web design no1- unity
Principles of good web design no1- unity
 
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdfwww.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
www.amazon.com and www.bn.comContrastContrast simply means diffe.pdf
 
4 principles of visual presentation design
4 principles of visual presentation design4 principles of visual presentation design
4 principles of visual presentation design
 
Design perception-principles
Design perception-principlesDesign perception-principles
Design perception-principles
 
Guide to print ad visuals
Guide to print ad visualsGuide to print ad visuals
Guide to print ad visuals
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Desktop Publishing
Desktop PublishingDesktop Publishing
Desktop Publishing
 
Design Element 3 - "Space"
Design Element 3 - "Space"Design Element 3 - "Space"
Design Element 3 - "Space"
 
Design handout
Design handoutDesign handout
Design handout
 
Good And Bad Design Overview
Good And Bad Design OverviewGood And Bad Design Overview
Good And Bad Design Overview
 
Design principles
Design principlesDesign principles
Design principles
 

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