SlideShare a Scribd company logo
1 of 2
Design CRAP Handout
Design CRAP stands for the 4 fundamentals of graphic design:
Contrast, Repetition, Alignment and Proximity.

Contrast:
If two items are not the same, make them obviously different. Contrast adds visual
interest or tension. For contrast to be effective, it must be strong.

How to create it: Large vs. small, thin vs. thick, horizontal lines vs. vertical lines, warm
colour vs. cool colour.


Repetition:
Repeat some aspect of your design throughout the piece. Repetition is a conscious
effort to unify a design.

How to create it: Find existing elements and repeat them.

Alignment:
Nothing should be placed arbitrarily on the page. Every item should have a visual
connection with something else on the page.

How to create it: Use grids or guides to construct your design.


Proximity:
Group related items together. Move similar items physically closer together, so they
seem to be a single unit. Move unrelated items further away.

How to create it: Group items according to similar shapes, colours, sizes, or values.


Examples:




       Contrast               Repetition              Alignment               Proximity
Design handout

More Related Content

Viewers also liked

Design Thinking - Handout
Design Thinking - HandoutDesign Thinking - Handout
Design Thinking - HandoutJan Schmiedgen
 
Trabajo grupal
Trabajo grupalTrabajo grupal
Trabajo grupalcailo777
 
KMBT25020111209074202
KMBT25020111209074202KMBT25020111209074202
KMBT25020111209074202Sindhu Bhogal
 
Middle East & North Africa Q4 2014 InMobi Network Research
Middle East & North Africa Q4 2014 InMobi Network ResearchMiddle East & North Africa Q4 2014 InMobi Network Research
Middle East & North Africa Q4 2014 InMobi Network ResearchInMobi
 
You are a researcher working for bbc
You are a researcher working for bbcYou are a researcher working for bbc
You are a researcher working for bbcdanielharrison12
 
Esquema 3. c.s. geosfera, hidrosfera y repr. tierra
Esquema 3. c.s. geosfera, hidrosfera y repr. tierraEsquema 3. c.s. geosfera, hidrosfera y repr. tierra
Esquema 3. c.s. geosfera, hidrosfera y repr. tierraJosé Javier Torres Martinez
 
WHAT i s motivation .? in Psychology
WHAT i s motivation .? in PsychologyWHAT i s motivation .? in Psychology
WHAT i s motivation .? in PsychologyIrfan Ali
 
Focus real.vn 16092014
Focus real.vn 16092014Focus real.vn 16092014
Focus real.vn 16092014Uyen Tran
 
Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)
Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)
Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)Mahesh Ramamurthy
 

Viewers also liked (16)

Handout fraction
Handout fractionHandout fraction
Handout fraction
 
Design Thinking - Handout
Design Thinking - HandoutDesign Thinking - Handout
Design Thinking - Handout
 
mileage ad moon
mileage ad moonmileage ad moon
mileage ad moon
 
Trabajo grupal
Trabajo grupalTrabajo grupal
Trabajo grupal
 
KMBT25020111209074202
KMBT25020111209074202KMBT25020111209074202
KMBT25020111209074202
 
Momento 3 sesion 1
Momento 3 sesion 1Momento 3 sesion 1
Momento 3 sesion 1
 
Middle East & North Africa Q4 2014 InMobi Network Research
Middle East & North Africa Q4 2014 InMobi Network ResearchMiddle East & North Africa Q4 2014 InMobi Network Research
Middle East & North Africa Q4 2014 InMobi Network Research
 
Letra ch
Letra chLetra ch
Letra ch
 
You are a researcher working for bbc
You are a researcher working for bbcYou are a researcher working for bbc
You are a researcher working for bbc
 
20110131 Business Today
20110131 Business Today20110131 Business Today
20110131 Business Today
 
Esquema 3. c.s. geosfera, hidrosfera y repr. tierra
Esquema 3. c.s. geosfera, hidrosfera y repr. tierraEsquema 3. c.s. geosfera, hidrosfera y repr. tierra
Esquema 3. c.s. geosfera, hidrosfera y repr. tierra
 
WHAT i s motivation .? in Psychology
WHAT i s motivation .? in PsychologyWHAT i s motivation .? in Psychology
WHAT i s motivation .? in Psychology
 
Pol101 sunglibraryorientation2015
Pol101 sunglibraryorientation2015Pol101 sunglibraryorientation2015
Pol101 sunglibraryorientation2015
 
Focus real.vn 16092014
Focus real.vn 16092014Focus real.vn 16092014
Focus real.vn 16092014
 
gottsche resume v 2
gottsche resume v 2gottsche resume v 2
gottsche resume v 2
 
Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)
Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)
Mahesh R Resume_4 Years_Project Coordination and Logistics-1 (1)
 

Similar to Design handout

Design Overview
Design OverviewDesign Overview
Design OverviewSam Georgi
 
Chapter 1 Class PP Notes
Chapter 1 Class PP NotesChapter 1 Class PP Notes
Chapter 1 Class PP Notescmurphysvhs
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
FourdesignprinciplesJulie Lemley
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
FourdesignprinciplesJulie Lemley
 
Final competency projects_josh beames
Final competency projects_josh beamesFinal competency projects_josh beames
Final competency projects_josh beamesLily Yang
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-DesignersDawn Weathersbee
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of DesignSam Georgi
 
Crap design for e learning
Crap design for e learning Crap design for e learning
Crap design for e learning MarlenePark
 
WDD Chapter 1 class pp notes
WDD Chapter 1 class pp notesWDD Chapter 1 class pp notes
WDD Chapter 1 class pp notescmurphysvhs
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
Design Basics and Color
Design Basics and ColorDesign Basics and Color
Design Basics and Colorlexinamer
 
Introducing the CRAP Design Principles
Introducing the CRAP Design PrinciplesIntroducing the CRAP Design Principles
Introducing the CRAP Design PrinciplesKa Ni Kanichihk Inc
 
Group7 elements-of-design-97-03
Group7 elements-of-design-97-03Group7 elements-of-design-97-03
Group7 elements-of-design-97-03Christopher
 
Good And Bad Design Overview
Good And Bad Design OverviewGood And Bad Design Overview
Good And Bad Design Overviewrebachin
 
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
 

Similar to Design handout (20)

Design Overview
Design OverviewDesign Overview
Design Overview
 
Chapter 1 Class PP Notes
Chapter 1 Class PP NotesChapter 1 Class PP Notes
Chapter 1 Class PP Notes
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
Fourdesignprinciples
 
Fourdesignprinciples
FourdesignprinciplesFourdesignprinciples
Fourdesignprinciples
 
Final competency projects_josh beames
Final competency projects_josh beamesFinal competency projects_josh beames
Final competency projects_josh beames
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-Designers
 
The Joshua Tree Epiphany
The Joshua Tree EpiphanyThe Joshua Tree Epiphany
The Joshua Tree Epiphany
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Crap design for e learning
Crap design for e learning Crap design for e learning
Crap design for e learning
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
WDD Chapter 1 class pp notes
WDD Chapter 1 class pp notesWDD Chapter 1 class pp notes
WDD Chapter 1 class pp notes
 
Presentation By siddu.k.pptx
Presentation By siddu.k.pptxPresentation By siddu.k.pptx
Presentation By siddu.k.pptx
 
Principlesofdesign
PrinciplesofdesignPrinciplesofdesign
Principlesofdesign
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Layout Principles
Layout PrinciplesLayout Principles
Layout Principles
 
Design Basics and Color
Design Basics and ColorDesign Basics and Color
Design Basics and Color
 
Introducing the CRAP Design Principles
Introducing the CRAP Design PrinciplesIntroducing the CRAP Design Principles
Introducing the CRAP Design Principles
 
Group7 elements-of-design-97-03
Group7 elements-of-design-97-03Group7 elements-of-design-97-03
Group7 elements-of-design-97-03
 
Good And Bad Design Overview
Good And Bad Design OverviewGood And Bad Design Overview
Good And Bad Design Overview
 
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
 

More from Patrick Butler

More from Patrick Butler (20)

Co op
Co opCo op
Co op
 
How to high speed film
How to  high speed filmHow to  high speed film
How to high speed film
 
Tgj20 quickfilmrubric
Tgj20 quickfilmrubricTgj20 quickfilmrubric
Tgj20 quickfilmrubric
 
How to stop motion film
How to  stop motion filmHow to  stop motion film
How to stop motion film
 
Tgj film rubric
Tgj film rubricTgj film rubric
Tgj film rubric
 
Film
FilmFilm
Film
 
Tgj20 finalprojectrubric
Tgj20 finalprojectrubricTgj20 finalprojectrubric
Tgj20 finalprojectrubric
 
Tgj3m finalprojectrubric
Tgj3m finalprojectrubricTgj3m finalprojectrubric
Tgj3m finalprojectrubric
 
Tgj4m finalprojectrubric
Tgj4m finalprojectrubricTgj4m finalprojectrubric
Tgj4m finalprojectrubric
 
Tgj20 self portrait-rubric
Tgj20 self portrait-rubricTgj20 self portrait-rubric
Tgj20 self portrait-rubric
 
Tgj self portarit-rubric
Tgj self portarit-rubricTgj self portarit-rubric
Tgj self portarit-rubric
 
Composition:photography
Composition:photographyComposition:photography
Composition:photography
 
Tgj20 photoessayrubric
Tgj20 photoessayrubricTgj20 photoessayrubric
Tgj20 photoessayrubric
 
Tgj20 photoessayrubric
Tgj20 photoessayrubricTgj20 photoessayrubric
Tgj20 photoessayrubric
 
Tgj photo essayrubric
Tgj photo essayrubricTgj photo essayrubric
Tgj photo essayrubric
 
TGJ photo essay rubric
TGJ photo essay rubricTGJ photo essay rubric
TGJ photo essay rubric
 
TGJ20 photo essay rubric
TGJ20 photo essay rubricTGJ20 photo essay rubric
TGJ20 photo essay rubric
 
the creative process
the creative processthe creative process
the creative process
 
Tgj poster rubric
Tgj poster rubricTgj poster rubric
Tgj poster rubric
 
Communication technology test notes
Communication technology test notesCommunication technology test notes
Communication technology test notes
 

Recently uploaded

Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 

Recently uploaded (20)

Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 

Design handout

  • 1. Design CRAP Handout Design CRAP stands for the 4 fundamentals of graphic design: Contrast, Repetition, Alignment and Proximity. Contrast: If two items are not the same, make them obviously different. Contrast adds visual interest or tension. For contrast to be effective, it must be strong. How to create it: Large vs. small, thin vs. thick, horizontal lines vs. vertical lines, warm colour vs. cool colour. Repetition: Repeat some aspect of your design throughout the piece. Repetition is a conscious effort to unify a design. How to create it: Find existing elements and repeat them. Alignment: Nothing should be placed arbitrarily on the page. Every item should have a visual connection with something else on the page. How to create it: Use grids or guides to construct your design. Proximity: Group related items together. Move similar items physically closer together, so they seem to be a single unit. Move unrelated items further away. How to create it: Group items according to similar shapes, colours, sizes, or values. Examples: Contrast Repetition Alignment Proximity