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

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.Miami University
 
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, 2013Miami University
 
Visual Rhetoric, August 28th
Visual Rhetoric, August 28thVisual Rhetoric, August 28th
Visual Rhetoric, August 28thMiami University
 
Visual Rhetoric, February 7, 2013
Visual Rhetoric, February 7, 2013Visual Rhetoric, February 7, 2013
Visual Rhetoric, February 7, 2013Miami University
 
Social Media Branding Concept.pdf
Social Media Branding Concept.pdfSocial Media Branding Concept.pdf
Social Media Branding Concept.pdfDiaDelTrus
 
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 TricksAvalon Consulting
 
Workshop Graphic Designing - Basics and Principles
Workshop Graphic Designing - Basics and PrinciplesWorkshop Graphic Designing - Basics and Principles
Workshop Graphic Designing - Basics and PrinciplesEbtihaj khan
 
ENG/IMS 224, February 5th, 2013
ENG/IMS 224, February 5th, 2013ENG/IMS 224, February 5th, 2013
ENG/IMS 224, February 5th, 2013Miami University
 
Technical Writing, September 3rd, 2013
Technical Writing, September 3rd, 2013Technical Writing, September 3rd, 2013
Technical Writing, September 3rd, 2013Miami 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 (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

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
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.christianmathematics
 
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 GraphThiyagu K
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfChris Hunter
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfSanaAli374401
 
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
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
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.pdfAdmir Softic
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...KokoStevan
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 

Recently uploaded (20)

Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
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.
 
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
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
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
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.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
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
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
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 

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!