Monday/Wednesday section Visual Rhetoric, Feb 17, 2014
-
Upload
phill-alexander -
Category
Education
-
view
131 -
download
0
Transcript of Monday/Wednesday section Visual Rhetoric, Feb 17, 2014
![Page 1: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/1.jpg)
FEBRUARY 17, 2014
![Page 2: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/2.jpg)
TODAY1) Logo stuff2) The publicity assignment3) Graphics: how do they work? 4) Homework
![Page 3: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/3.jpg)
Logo check-in…Remember that your logos are due on the 24th.
Any questions or concerns as you work on those?
Here are some tips to make the best possible logo (look out for a slide color change, too)
![Page 4: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/4.jpg)
Four keys for a good logo
1) Scalability2) Can survive the loss of DPI on screen3) New audiences: new expectations4) Different purposes, multiple purposes
![Page 5: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/5.jpg)
Scalability
A good logo can be done in color and black and white and can be presented in multiple sizes. Like so:
![Page 6: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/6.jpg)
Loss of DPIFine line work can be lost while scaling online (and in print, honestly). Be careful with detail in these logos. You want to create a logo that is high resolution and is “clean.”
From: http://www.smashingmagazine.com/2009/06/25/10-common-mistakes-in-logo-design/
![Page 7: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/7.jpg)
New AudiencesWe are working with sports now, which means we have a specific audience; those same styles wouldn’t work, for example, as a website logo for me. Gaze in fear at the Pacers logo mated with the LA Angels logo!
![Page 8: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/8.jpg)
Multiple PurposesYou need a logo that can be on many things, in many environments, and look correct.
GOOD NOT SO GOOD
![Page 9: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/9.jpg)
Remember, too…Usually a great deal of time and money is put into professional sports logos. They’re meant to be identity markers for teams, to sell merchandise, to create instant brand recognition, etc. Look at the two best selling logos:
![Page 10: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/10.jpg)
And now back in black.Back. In. Black.
![Page 11: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/11.jpg)
Flyer assignmentOur second major assignment is to make a flyer, poster, or post-card for some event that needs publicity. It can be ANY event; the goal here is to figure out how to make effective flyers, so the event itself is just “fuel” for what we’re doing.
![Page 12: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/12.jpg)
You can look around…
For events.If you end up in a bind, unable to find something, I have a few PW club events that I will put information about on the course website. You’re welcome to make fliers for those.
These documents should be submitted to me, when finished, as both PDF files AND packaged InDesign files. I will walk you through packaging if you’re not familiar.
![Page 13: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/13.jpg)
More on flyers and such in a moment.
First– some image discussion.
![Page 14: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/14.jpg)
Working with Photos
There are a few key things to know about photographs. The first, which I bet you’ve been exposed to before, is the rule of thirds.
![Page 15: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/15.jpg)
Rule of Thirds
Basically, the rule of thirds states that everything exists on a nine x nine grid. You want your important elements on, or close to, lines of the grid with the most important thing at an intersection between two of the lines.
Let me show you.
![Page 16: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/16.jpg)
A bad picture.
![Page 17: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/17.jpg)
This is some poor guy I found on Google.Well, not poor guy, but poorly framed. See how he’s in the middle of the frame?
![Page 18: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/18.jpg)
Look at all this wasted space
Look at all this wasted space
Look at all this wasted space
Look at all this wasted space
![Page 19: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/19.jpg)
A good picture.
![Page 20: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/20.jpg)
![Page 21: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/21.jpg)
Why?
![Page 22: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/22.jpg)
Because our eyesgo to the intersectionsand grid lines
![Page 23: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/23.jpg)
![Page 24: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/24.jpg)
![Page 25: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/25.jpg)
![Page 26: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/26.jpg)
I bet that girlis glad she tagged her photo withRule of Thirds
![Page 27: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/27.jpg)
Good rule of thirds framing ona terrible slide :
![Page 28: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/28.jpg)
Also key…
We talked about this briefly a while back, but now is a good time to remind you: for a print project, your photos need to be 300 dpi and set to CYMK and not RGB color.
![Page 29: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/29.jpg)
Photoshop…
… is your friend for that.
But, of course, this means that not every single photo you locate will work. If it’s too small, we cannot gain/add resolution. Always aim/go bigger. You can size down.
![Page 30: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/30.jpg)
Also remember…
… Adobe made their software to work as a suite.
Don’t resize photos in InDesign. It will let you, but it does weird, weird stuff to the compression and the resolution. Size your photos in Photoshop.
![Page 31: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/31.jpg)
As important as “good” pictures is that your
pictures have the right rhetorical impact.
![Page 32: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/32.jpg)
Dr. Phill presents: the 6 things we do with
graphicsIn a society so intimately tied to the nature of the visual, we use graphics to do all sorts of heavy lifting in our design (and in our rhetoric). The following slides enumerate some common ways that we use graphics and offer examples of each.
![Page 33: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/33.jpg)
![Page 34: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/34.jpg)
Use 1: to EnticeYou will find that many graphics do more than one of the things on this list, but one of the most visceral uses of any graphics is to entice the audience, to give them something pretty, interesting, or awe inspiring to look at while considering your document.
This can take many forms.
![Page 35: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/35.jpg)
![Page 36: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/36.jpg)
![Page 37: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/37.jpg)
![Page 38: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/38.jpg)
Use 2: to Illustrate
Perhaps the most obvious use of an image is to illustrate something that is being written about, or literally to show the “thing” being shared.
![Page 39: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/39.jpg)
![Page 40: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/40.jpg)
![Page 41: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/41.jpg)
![Page 42: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/42.jpg)
Use 3: to InformSometimes graphics exist simply to offer information that the text either cannot share verbally or which is more user-friendly, or more dramatic, to be seen in image form.
![Page 43: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/43.jpg)
![Page 44: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/44.jpg)
![Page 45: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/45.jpg)
![Page 46: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/46.jpg)
![Page 47: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/47.jpg)
Use 4: to Brand
Graphics– particularly here logos– are one of the most powerful ways to brand a product. In a world currently obsessed with marketing (even on the level of the individual), branding is a key element in current visual rhetoric.
![Page 48: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/48.jpg)
![Page 49: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/49.jpg)
![Page 50: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/50.jpg)
![Page 51: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/51.jpg)
![Page 52: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/52.jpg)
![Page 53: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/53.jpg)
Use 5: to Visually Enhance
Sometimes graphics are present because they “spice up” a design that is otherwise bland. It’s from this particular use that we get the terminology “splash” art. These images usually do one of the other things as well, but their primary use is to enhance a layout or otherwise make the visual presence of something more pleasing.
![Page 54: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/54.jpg)
![Page 55: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/55.jpg)
![Page 56: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/56.jpg)
![Page 57: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/57.jpg)
![Page 58: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/58.jpg)
Use 6: to Unify
Nothing pulls together a design like the use of a nice, crisp, clean graphic that can span the majority of a document or can through color or shape draw together what seem like disconnected elements.
![Page 59: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/59.jpg)
![Page 60: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/60.jpg)
![Page 61: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/61.jpg)
![Page 62: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/62.jpg)
![Page 63: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/63.jpg)
![Page 64: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/64.jpg)
![Page 65: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/65.jpg)
![Page 66: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/66.jpg)
Back to flyers.Let’s take a look at an
article.
![Page 67: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/67.jpg)
Click on the photo for a link.
![Page 68: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/68.jpg)
Design Task Four:
For this week’s design task, I want you to take a look at the posters I’ve put up. Using any resources you can find, make a “better” version of one of the posters based on my criticism.
![Page 69: Monday/Wednesday section Visual Rhetoric, Feb 17, 2014](https://reader036.fdocuments.us/reader036/viewer/2022062418/55515f42b4c9059f768b4d13/html5/thumbnails/69.jpg)
For WednesdayRead for class: Golombisky & Hagen Chapter 9, “Tips for Designing for Color Blind Users”, and based on those readings, tinker with Colors on the Web