January 27, 2014
January 27, 2014
TODAY
1)
2)
3)
4)
5)
6)
7)

Icebreaker
Basics
Let’s talk Logo assignment
Overview of some material from the readings
Your ...
Icebreaker
To start today, I want you to complete what is likely to
be a familiar sort of icebreaker activity. You will pa...
Find out…

1) The person’s name (obviously)
2) What he/she goes by (if it’s different)
3) His/her major and progress in th...
Now, then…

…let’s talk more specifically about what we will be doing
as a class.
At this point, please either focus on th...
And now, Tumblr
I will show you how to start a Tumblr, so
follow along if you’re not familiar with the
site.
Please go to ...
Your First Tumblr
For your first Tumblr post, I want you
to give me a skills overview. On the
next slide you will find a s...
Skills Overview
How much experience do you have with:
1)Adobe InDesign? Adobe Photoshop? Dreamweaver?
2)Desktop publishing...
Some quick Visual fun
Take a look at the next few slides and tell me what’s
going on here. Look carefully. Sometimes you m...
These illusions depend on
intricate line work, very
specific color and contrast
choices, the mind’s desire
to complete sha...
Visual Fun
This doesn’t pulse like the last one, but I
wanted to give you another cool visual
design trick here. On the ne...
And now that logo assignment
As you know, on February 24th, you will be turning in your
first major assignment for class: ...
The task
For the final submission, you should send me
a completed, colored logo with a written memo of
approximately 500 w...
One element…
…you really want to think about is why the current logo is
problematic. So here are a few looks at the main l...
And a reminder…
A consideration…
I am sure some of you might not find the Redskins logo, or
the old Miami Redskins logo, all that problema...
A word on methods…
There are a number of ways to make your own logo. If
you have the artistic skills, your best bet will b...
And then…
NEXT!
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 than...
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 se...
Contrast
Basically stated, contrast means that things that are
similar look similar but things that are different look
cle...
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 ...
Alignment
Alignment is about positioning on a page.
Nothing should be put on haphazardly. There
should be a reason and a m...
The image to the right links
to a post that has some cool
reflection on alignment.
And there’s all
kinds of
alignment
goin...
Proximity
Proximity is very similar in theory to
alignment, but it’s more about grouping and
use of white space.
Basically...
NEXT!
… I want us to engage the readings and really sort of grapple
with them, but as you might guess, if we tried to grapple wi...
Barthes challenges us thusly:
“Now even– and above all if– the image is in a certain manner the
limit of meaning, it permi...
What?
So….
.. Images carry meaning. But how’d the meaning GET
there, Barthes asks us to consider.
Gunther Kress
Kress tells us:
“The approach from Social Semiotics not only draws attention
to the many kinds of meanings w...
Like…
These images have meaning…
…because we know them.
They emerge from our culture and are reinforced by our culture.
Recogniz...
Walter Benjamin

Benjamin, who I promise is not the bad guy from Apt Pupil even if
he looks like him, reminds us:
“In prin...
What is the Aura of This?
What is the Aura of This?
Wysocki reminds us:
“Because we have all grown up in densely visually constructed
environments, usually with little overt ...
Single, nerdy college professor on
TV
IRL
This remind you of your friends
sitting around?
And these are just normal people
enjoying normal products
What Wysocki would ask us to do
is…
..ask why. Think about why those images are chosen.
And maybe more importantly… why do...
Now it’s your turn
Break into five groups. That should mean 5 per group.
Once you’re grouped, from my podium going clockwi...
But today…
I want us to use our new-found knowledge of
C.R.A.P.– which you will read a bit more of– to do a
little really ...
The task
Is to put yourself into the movie poster. I will walk you
through one way to do it, on the overhead, but if you’r...
As you think about next week…
DO NOT FORGET THE IN-DESIGN TUTORIAL!

DON’T FORGET IT!
I’m serious!
Homework
For next week, read:
Read for class: Golombisky & Hagen chapters 1-6
and Norman “Why Designers Go Astray” from Th...
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, 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, 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, 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, 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, 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)
Upcoming SlideShare
Loading in …5
×

Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)

318 views

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
318
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Visual Rhetoric, Feb 3rd, Late Show (with snow day make-up)

  1. 1. January 27, 2014 January 27, 2014
  2. 2. TODAY 1) 2) 3) 4) 5) 6) 7) Icebreaker Basics Let’s talk Logo assignment Overview of some material from the readings Your turn Reminders For Wednesday!
  3. 3. Icebreaker To start today, I want you to complete what is likely to be a familiar sort of icebreaker activity. You will pair up with someone you don’t already know, and over the course of a few minutes you will interview that person. The info you need to get is on the next slide.
  4. 4. Find out… 1) The person’s name (obviously) 2) What he/she goes by (if it’s different) 3) His/her major and progress in the program. 4) Why he/she decided to take Visual Rhetoric 5) His/her favorite color 6) One piece of information that will help all of us to remember him/her.
  5. 5. Now, then… …let’s talk more specifically about what we will be doing as a class. At this point, please either focus on the screen or open the website at http://www.phillalexander.com/visual That course website, btw, will serve as our activity hub and your syllabus. Let’s talk about class.
  6. 6. And now, Tumblr I will show you how to start a Tumblr, so follow along if you’re not familiar with the site. Please go to http://www.tumblr.com Once you create your site, please email the URL to me at alexanp3@miamioh.edu
  7. 7. Your First Tumblr For your first Tumblr post, I want you to give me a skills overview. On the next slide you will find a series of questions. Please answer them as completely and accurately as you can.
  8. 8. Skills Overview How much experience do you have with: 1)Adobe InDesign? Adobe Photoshop? Dreamweaver? 2)Desktop publishing? 3)Document design– working on a magazine, newspaper, website, or designing any sort of paperwork? 4)Creating art? If so, what kind? 5)Taking photographs? 6)Any visual rhetoric-ish skills you want me to know you have?
  9. 9. Some quick Visual fun Take a look at the next few slides and tell me what’s going on here. Look carefully. Sometimes you might need to squint.
  10. 10. These illusions depend on intricate line work, very specific color and contrast choices, the mind’s desire to complete shapes and patterns and the fact that our eyes jitter a bit normally. If you squint hard and look at each of these images, they WILL become still. But not for long.
  11. 11. Visual Fun This doesn’t pulse like the last one, but I wanted to give you another cool visual design trick here. On the next slide, you’ll see two dots (and a weird image, and a white space). Stare at the dot in the middle of the image for 30 seconds, then shift your gaze to the other dot.
  12. 12. And now that logo assignment As you know, on February 24th, you will be turning in your first major assignment for class: a new mascot and logo design for the Washington Redskins football team. I want to give you some time today to think about that assignment. But first… here’s the actual task, laid out in front of you.
  13. 13. The task For the final submission, you should send me a completed, colored logo with a written memo of approximately 500 words explaining your choices. You will also submit with this project a shorter, 200 word or less, cover letter to the team “selling” your new logo and mascot.
  14. 14. One element… …you really want to think about is why the current logo is problematic. So here are a few looks at the main logo, the logo in action, and some of the Redskins secondary logos.
  15. 15. And a reminder…
  16. 16. A consideration… I am sure some of you might not find the Redskins logo, or the old Miami Redskins logo, all that problematic. What I would urge you to do in this situation is to submerge yourself in the rhetorical nature of the occasion. Some people will not be offended, of course. This is almost universally true of anything you might do; there will be some who don’t think it’s a big deal. But when designing a mascot and logo, it’s important to think about the ENTIRE audience. Why, then, is the Redskin a problem?
  17. 17. A word on methods… There are a number of ways to make your own logo. If you have the artistic skills, your best bet will be to draw or otherwise generate your own. We will talk a bit more about that as class moves along. But another thing you might do is collect elements from elsewhere and sort of “kitbash” them, in the DIY sense, or “Voltron” it, so to speak.
  18. 18. And then…
  19. 19. NEXT!
  20. 20. AND NOW SOME C.R.A.P.
  21. 21. 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
  22. 22. 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.
  23. 23. 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.
  24. 24. This image is a great example, and it is also a hyperlink to a great blog entry on contrast, if you want to learn
  25. 25. 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.
  26. 26. 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.
  27. 27. 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.
  28. 28. 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.
  29. 29. NEXT!
  30. 30. … I want us to engage the readings and really sort of grapple with them, but as you might guess, if we tried to grapple with every part of all five of those readings we’d end up sitting here a long, long time grappling with a big ol’ bunch of ideas. So I’m going to suggest a strategy– pull key ideas and illustrate how they work/see if we can convert them to a sort of tool, or a roadmap, if you will, to understanding visual rhetoric. Something like this:
  31. 31. Barthes challenges us thusly: “Now even– and above all if– the image is in a certain manner the limit of meaning, it permits the consideration of a veritable ontology of the process of signification. How does meaning get into the image? Where does it end? And if it ends, what is there beyond?” Roland Barthes
  32. 32. What?
  33. 33. So…. .. Images carry meaning. But how’d the meaning GET there, Barthes asks us to consider.
  34. 34. Gunther Kress Kress tells us: “The approach from Social Semiotics not only draws attention to the many kinds of meanings which are at issue in design, but the “social” in “Social Semiotics” draws attention to the fact that meanings always relate to specific societies and their cultures, and to the meanings of the members of those cultures.”
  35. 35. Like…
  36. 36. These images have meaning… …because we know them. They emerge from our culture and are reinforced by our culture. Recognize this? That isn’t this, is it? = Or is it? S
  37. 37. Walter Benjamin Benjamin, who I promise is not the bad guy from Apt Pupil even if he looks like him, reminds us: “In principle a work of art has always been reproducible. Manmade artifacts could always be imitated by men. Replicas were made by pupils in practice of their craft, by masters for diffusing their works, and, finally, by third parties in the pursuit of gain.”
  38. 38. What is the Aura of This?
  39. 39. What is the Aura of This?
  40. 40. Wysocki reminds us: “Because we have all grown up in densely visually constructed environments, usually with little overt instruction or awareness of how the construction takes place, it is easy to think of the visual elements of texts as simply happening or appearing…as though… television sitcoms were the result of a camera crew following a typical family through their day.” Anne Wysocki
  41. 41. Single, nerdy college professor on TV
  42. 42. IRL
  43. 43. This remind you of your friends sitting around?
  44. 44. And these are just normal people enjoying normal products
  45. 45. What Wysocki would ask us to do is… ..ask why. Think about why those images are chosen. And maybe more importantly… why don’t people think about it/why isn’t it sort of a big deal to most Americans?
  46. 46. Now it’s your turn Break into five groups. That should mean 5 per group. Once you’re grouped, from my podium going clockwise around the room: Group 1: Kress Group 2: Barthes Group 3: Wysocki, Eyes Group 4: Benjamin Group 5: Wysocki, Meaning of Texts Pick between no less than 1 and no more than 3 main ideas, support them with source quotes, and find examples for discussion. As you finish, email me your materials: alexanp3@miamioh.edu
  47. 47. But today… I want us to use our new-found knowledge of C.R.A.P.– which you will read a bit more of– to do a little really basic Photoshop work. What I need you to do is gather the following, quickly– let’s take no more than 4 minutes to do this. 1. A photo of yourself 2. A movie poster you like
  48. 48. The task Is to put yourself into the movie poster. I will walk you through one way to do it, on the overhead, but if you’re an advanced Photoshop user, you will realize there are more elegant alternative ways to do this. When you finish, post whatever you managed to put together to your Tumblr. That will require you saving as a png or jpg. I can show you how to do that if you’re not familiar.
  49. 49. As you think about next week… DO NOT FORGET THE IN-DESIGN TUTORIAL! DON’T FORGET IT! I’m serious!
  50. 50. Homework For next week, read: Read for class: Golombisky & Hagen chapters 1-6 and Norman “Why Designers Go Astray” from The Design of Everyday Things (on Niihka)

×