SlideShare a Scribd company logo
1 of 32
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
You read about it
So I’m going to give these to you in my words,
along with a few quick examples, so you can
get a good sense of how it works.
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
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 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 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.
NEXT!
Project: new Cleveland
Browns logo and
uniforms
Let’s go here
Remember your criteria
• *new* Logo
• New uniform design (home and away, at least– feel
free to do variants– you could even do holiday
specific, if you wanted, like X-mas, or Halloween, or
something)
• You can add two colors, but either orange or brown
must still be your base
When we’re all done, you’ll give me
• Black and white logo
• Color logo
• Image of helmet with logo (or helmets, if one of
your uniforms calls for a different helm)
• Two (or more) uniform sheets with colors and any
designs applied.
• A 500 word writer’s memo
• A 250 word “pitch” letter for the Browns ownership
NEXT!
Poster.
FIX IT!
(partner up– 2 to 3 or less)
This should say “2586 Davos
Trail,” but it got cut off.
It says “vinyl” in this mess
being made by “West Vail”
It’s actually Big & Nasty
Productions. I think he just
typoed. But he can stay
Big@Nasty if you wish. It’s your
world. I’m just living in it.
For Tuesday
READINGS (for Tues and Thurs activities)
•Wysocki “The Multiple Media of Texts” & “With Eyes That Think
and Compose and Think,”
•Barthes “Rhetoric of the Image”
•Benjamin “The Work of Art in the Era of Mechanical
Reproduction”
•and Kress “Reading Images”
MAKE SURE TO READ BENJAMIN BEFORE TUESDAY’S CLASS!

More Related Content

Similar to Visual rhetoricbjan 29th

Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)
Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)
Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)
Miami University
 
Visual Rhetoric, September 9th, 2013
Visual Rhetoric, September 9th, 2013Visual Rhetoric, September 9th, 2013
Visual Rhetoric, September 9th, 2013
Miami University
 
Visual Rhetoric, August 28th
Visual Rhetoric, August 28thVisual Rhetoric, August 28th
Visual Rhetoric, August 28th
Miami University
 
Technical Writing, September 3rd, 2013
Technical Writing, September 3rd, 2013Technical Writing, September 3rd, 2013
Technical Writing, September 3rd, 2013
Miami University
 

Similar to Visual rhetoricbjan 29th (14)

September 16th Digital Rhetoric and Writing: C.R.A.P.
September 16th Digital Rhetoric and Writing: C.R.A.P.September 16th Digital Rhetoric and Writing: C.R.A.P.
September 16th Digital Rhetoric and Writing: C.R.A.P.
 
Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)
Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)
Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)
 
Visual Rhetoric 4
Visual Rhetoric 4Visual Rhetoric 4
Visual Rhetoric 4
 
Visual Rhetoric, September 9th, 2013
Visual Rhetoric, September 9th, 2013Visual Rhetoric, September 9th, 2013
Visual Rhetoric, September 9th, 2013
 
Visual Rhetoric, August 28th
Visual Rhetoric, August 28thVisual Rhetoric, August 28th
Visual Rhetoric, August 28th
 
Visual Rhetoric 3
Visual Rhetoric 3Visual Rhetoric 3
Visual Rhetoric 3
 
Visual Rhetoric, February 7, 2013
Visual Rhetoric, February 7, 2013Visual Rhetoric, February 7, 2013
Visual Rhetoric, February 7, 2013
 
Teacher Feedback
Teacher FeedbackTeacher Feedback
Teacher Feedback
 
Social Media Branding Concept.pdf
Social Media Branding Concept.pdfSocial Media Branding Concept.pdf
Social Media Branding Concept.pdf
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
 
Workshop Graphic Designing - Basics and Principles
Workshop Graphic Designing - Basics and PrinciplesWorkshop Graphic Designing - Basics and Principles
Workshop Graphic Designing - Basics and Principles
 
ENG/IMS 224, February 5th, 2013
ENG/IMS 224, February 5th, 2013ENG/IMS 224, February 5th, 2013
ENG/IMS 224, February 5th, 2013
 
Technical Writing, September 3rd, 2013
Technical Writing, September 3rd, 2013Technical Writing, September 3rd, 2013
Technical Writing, September 3rd, 2013
 
January 29th PowerPoint
January 29th PowerPointJanuary 29th PowerPoint
January 29th PowerPoint
 

More from Miami University

More from Miami University (20)

At nasty
At nastyAt nasty
At nasty
 
Rhetanal
RhetanalRhetanal
Rhetanal
 
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
 
411 Peer Review Workshop
411 Peer Review Workshop411 Peer Review Workshop
411 Peer Review Workshop
 
Logos for VisRhet
Logos for VisRhetLogos for VisRhet
Logos for VisRhet
 

Recently uploaded

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
fonyou31
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 

Recently uploaded (20)

Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . 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
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
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
 
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
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 

Visual rhetoricbjan 29th

  • 1. AND NOW SOME C.R.A.P.
  • 2. 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
  • 3. You read about it So I’m going to give these to you in my words, along with a few quick examples, so you can get a good sense of how it works.
  • 4. 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.
  • 5. This image is a great example, and it is also a hyperlink to a great blog entry on contrast, if you want to learn
  • 6. 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.
  • 7.
  • 8. 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.
  • 9. 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.
  • 10. 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.
  • 11.
  • 12. NEXT!
  • 13. Project: new Cleveland Browns logo and uniforms
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. Remember your criteria • *new* Logo • New uniform design (home and away, at least– feel free to do variants– you could even do holiday specific, if you wanted, like X-mas, or Halloween, or something) • You can add two colors, but either orange or brown must still be your base
  • 26. When we’re all done, you’ll give me • Black and white logo • Color logo • Image of helmet with logo (or helmets, if one of your uniforms calls for a different helm) • Two (or more) uniform sheets with colors and any designs applied. • A 500 word writer’s memo • A 250 word “pitch” letter for the Browns ownership
  • 27.
  • 28.
  • 29. NEXT!
  • 31. This should say “2586 Davos Trail,” but it got cut off. It says “vinyl” in this mess being made by “West Vail” It’s actually Big & Nasty Productions. I think he just typoed. But he can stay Big@Nasty if you wish. It’s your world. I’m just living in it.
  • 32. For Tuesday READINGS (for Tues and Thurs activities) •Wysocki “The Multiple Media of Texts” & “With Eyes That Think and Compose and Think,” •Barthes “Rhetoric of the Image” •Benjamin “The Work of Art in the Era of Mechanical Reproduction” •and Kress “Reading Images” MAKE SURE TO READ BENJAMIN BEFORE TUESDAY’S CLASS!