SlideShare una empresa de Scribd logo
1 de 15
Robin Williams and
C.R.A.P.
This is Robin Williams. She’s not Mork, of
course.
She is responsible for a great many
awesome design texts that are reader-
friendly. She write the non-designer’s
design handbook. It’s worth owning a
copy, if you’re interested in design.
AND NOW SOME C.R.A.P.
As funny as it is…
… making CRAP jokes, it really is a foundational
premise of design, and it’s deeply important (and
thanks to our sense of humor usually quite
memorable). The letters, of course, stand for:
Contrast
Repetition
Alignment
Proximity
CONTRAST
Contrast
Basically stated, contrast means that things that are
similar look similar but things that are different look
clearly different. This keeps your reader from
becoming confused and creating relationships that
aren’t present.
It comes, of course, from literal contrast, the light-to-
dark or black-to-white of an image. In design it often
ends up being about color values.
This image is a
great example,
and it is also a
hyperlink to a
great blog entry
on contrast, if
you want to learn
more.
REPETITION
Repetition
Maybe the easiest of these four concepts to
define, repetition is, just as you’d guess,
repeating something– a color, a logo, a
typeface, a type style.
It unifies and organizes.
ALIGNMENT
Alignment
Alignment is about positioning on a page.
Nothing should be put on haphazardly.
There should be a reason and a
measurement that guides where things are
placed in relation to each other.
The image to the right links
to a post that has some cool
reflection on alignment.
And there’s all
kinds of
alignment
going on with
the new
Windows 8
start page.
PROXIMITY
Proximity
Proximity is very similar in theory to
alignment, but it’s more about grouping and
use of white space.
Basically: similar things are grouped together,
different things require space.
Crap

Más contenido relacionado

Destacado

Quality Resume
Quality ResumeQuality Resume
Quality Resume
vipin rana
 
Needs analysis questionnaire (1)
Needs analysis questionnaire (1)Needs analysis questionnaire (1)
Needs analysis questionnaire (1)
Cris_414
 
Curso computación
Curso computaciónCurso computación
Curso computación
josefa60
 
Relacion de las_ong_y_su_ejecucion_presupuestaria corregida
Relacion de las_ong_y_su_ejecucion_presupuestaria corregidaRelacion de las_ong_y_su_ejecucion_presupuestaria corregida
Relacion de las_ong_y_su_ejecucion_presupuestaria corregida
Observatorio Politico Dominicano
 

Destacado (16)

Azizi gender studies_orientations bibliographiques
Azizi gender studies_orientations bibliographiquesAzizi gender studies_orientations bibliographiques
Azizi gender studies_orientations bibliographiques
 
Quality Resume
Quality ResumeQuality Resume
Quality Resume
 
成果封面目錄
成果封面目錄成果封面目錄
成果封面目錄
 
Google Docs for Business
Google Docs for BusinessGoogle Docs for Business
Google Docs for Business
 
El conflicto sobre la educación
El conflicto sobre la educaciónEl conflicto sobre la educación
El conflicto sobre la educación
 
Luxurious Property in Goregoan
Luxurious Property in GoregoanLuxurious Property in Goregoan
Luxurious Property in Goregoan
 
Maintenant nos terres — Projet documentaire sur l'accaparement des terres en ...
Maintenant nos terres — Projet documentaire sur l'accaparement des terres en ...Maintenant nos terres — Projet documentaire sur l'accaparement des terres en ...
Maintenant nos terres — Projet documentaire sur l'accaparement des terres en ...
 
Almeida comprendre le concept genre
Almeida comprendre le concept genreAlmeida comprendre le concept genre
Almeida comprendre le concept genre
 
IE
IEIE
IE
 
Aula 04
Aula 04Aula 04
Aula 04
 
Aula 3 de software de aplicação
Aula 3 de software de aplicaçãoAula 3 de software de aplicação
Aula 3 de software de aplicação
 
Aula 06
Aula 06Aula 06
Aula 06
 
Needs analysis questionnaire (1)
Needs analysis questionnaire (1)Needs analysis questionnaire (1)
Needs analysis questionnaire (1)
 
Real Estate Investment in India - Pune Township Project
Real Estate Investment in India - Pune Township ProjectReal Estate Investment in India - Pune Township Project
Real Estate Investment in India - Pune Township Project
 
Curso computación
Curso computaciónCurso computación
Curso computación
 
Relacion de las_ong_y_su_ejecucion_presupuestaria corregida
Relacion de las_ong_y_su_ejecucion_presupuestaria corregidaRelacion de las_ong_y_su_ejecucion_presupuestaria corregida
Relacion de las_ong_y_su_ejecucion_presupuestaria corregida
 

Más de Miami University

Más de Miami University (20)

At nasty
At nastyAt nasty
At nasty
 
Rhetanal
RhetanalRhetanal
Rhetanal
 
Visual Rhetoric 4
Visual Rhetoric 4Visual Rhetoric 4
Visual Rhetoric 4
 
Visual Rhetoric 3
Visual Rhetoric 3Visual Rhetoric 3
Visual Rhetoric 3
 
Capstone Day 3
Capstone Day 3Capstone Day 3
Capstone Day 3
 
Capstone Day 4
Capstone Day 4Capstone Day 4
Capstone Day 4
 
Capstone Day 2
Capstone Day 2Capstone Day 2
Capstone Day 2
 
Capstone Day 1
Capstone Day 1Capstone Day 1
Capstone Day 1
 
Visual Rhetoric 2
Visual Rhetoric 2Visual Rhetoric 2
Visual Rhetoric 2
 
Visual Rhetoric 1
Visual Rhetoric 1Visual Rhetoric 1
Visual Rhetoric 1
 
224 summerfinal
224 summerfinal224 summerfinal
224 summerfinal
 
Dr philleval211
Dr philleval211Dr philleval211
Dr philleval211
 
211 finalreview
211 finalreview211 finalreview
211 finalreview
 
Week 2
Week 2Week 2
Week 2
 
Brief Video Game History
Brief Video Game HistoryBrief Video Game History
Brief Video Game History
 
Dungeons & Dragons history
Dungeons & Dragons historyDungeons & Dragons history
Dungeons & Dragons history
 
Rhetoric of Advertising
Rhetoric of AdvertisingRhetoric of Advertising
Rhetoric of Advertising
 
Logos
LogosLogos
Logos
 
411 Personal Logo PowerPoint
411 Personal Logo PowerPoint411 Personal Logo PowerPoint
411 Personal Logo PowerPoint
 
Wireframing
WireframingWireframing
Wireframing
 

Último

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Último (20)

Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 

Crap

  • 1. Robin Williams and C.R.A.P. This is Robin Williams. She’s not Mork, of course. She is responsible for a great many awesome design texts that are reader- friendly. She write the non-designer’s design handbook. It’s worth owning a copy, if you’re interested in design.
  • 2. AND NOW SOME C.R.A.P.
  • 3. As funny as it is… … making CRAP jokes, it really is a foundational premise of design, and it’s deeply important (and thanks to our sense of humor usually quite memorable). The letters, of course, stand for: Contrast Repetition Alignment Proximity
  • 5. Contrast Basically stated, contrast means that things that are similar look similar but things that are different look clearly different. This keeps your reader from becoming confused and creating relationships that aren’t present. It comes, of course, from literal contrast, the light-to- dark or black-to-white of an image. In design it often ends up being about color values.
  • 6. This image is a great example, and it is also a hyperlink to a great blog entry on contrast, if you want to learn more.
  • 8. Repetition Maybe the easiest of these four concepts to define, repetition is, just as you’d guess, repeating something– a color, a logo, a typeface, a type style. It unifies and organizes.
  • 9.
  • 11. Alignment Alignment is about positioning on a page. Nothing should be put on haphazardly. There should be a reason and a measurement that guides where things are placed in relation to each other.
  • 12. The image to the right links to a post that has some cool reflection on alignment. And there’s all kinds of alignment going on with the new Windows 8 start page.
  • 14. Proximity Proximity is very similar in theory to alignment, but it’s more about grouping and use of white space. Basically: similar things are grouped together, different things require space.