Top Banner
16

Visual Rhetoric, February 7, 2013

Jul 10, 2015

Download

Documents

Phill Alexander

C.R.A.P. jokes abound
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visual Rhetoric, February 7, 2013
Page 2: Visual Rhetoric, February 7, 2013

TODAY1) C.R.A.P.

2) Work time– some discussion of what we’ll need

3) Homework

Page 3: Visual Rhetoric, February 7, 2013
Page 4: Visual Rhetoric, February 7, 2013

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:

ContrastRepetitionAlignmentProximity

Page 5: Visual Rhetoric, February 7, 2013

You read about itSo 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.

Page 6: Visual Rhetoric, February 7, 2013

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.

Page 7: Visual Rhetoric, February 7, 2013

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.

Page 8: Visual Rhetoric, February 7, 2013

RepetitionMaybe 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.

Page 9: Visual Rhetoric, February 7, 2013
Page 10: Visual Rhetoric, February 7, 2013

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.

Page 11: Visual Rhetoric, February 7, 2013

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.

Page 12: Visual Rhetoric, February 7, 2013

ProximityProximity 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.

Page 13: Visual Rhetoric, February 7, 2013
Page 14: Visual Rhetoric, February 7, 2013

In your teams…I want you to pick two designs (online, obviously) you feel illustrate good use of at least one of these criteria. Email them to me, then we’ll pop them on the screen and discuss.

Page 15: Visual Rhetoric, February 7, 2013

Discussion

Having spent a little bit of time thinking about the project, what is it that you need to collect in order to be successful? What can I help you with at this point?

Let’s talk about it.

Page 16: Visual Rhetoric, February 7, 2013

HomeworkThe major homework, obviously, is to coordinate with your team and get the first portion of your design work done for the print project.

You also need to read: Williams non-designers design book Chapters 9-11, Kimball & Hawkins Chapters 5 and 6All the readings are about type. :)