plan601 e session 4 lesson alt
TRANSCRIPT
![Page 1: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/1.jpg)
evaluative and synethetic graphics// design directionPLAN601E VErbAL ANd VisuAL: iNformAtioN GrAPhics (sEssioN 4)
![Page 2: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/2.jpg)
evaluative and synethetic graphics
![Page 3: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/3.jpg)
evaluative and synethetic graphics examples
![Page 4: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/4.jpg)
evaluative and synethetic graphics examples
![Page 5: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/5.jpg)
evaluative and synethetic graphics examples
![Page 6: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/6.jpg)
evaluative and synethetic graphics examples
![Page 7: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/7.jpg)
evaluative and synethetic graphics examples
![Page 8: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/8.jpg)
evaluative and synethetic graphics examples
![Page 9: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/9.jpg)
evaluative and synethetic graphics examples
![Page 10: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/10.jpg)
evaluative and synethetic graphics examples
![Page 11: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/11.jpg)
evaluative and synethetic graphics examples
![Page 12: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/12.jpg)
evaluative and synethetic graphics examples
![Page 13: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/13.jpg)
design direction
![Page 14: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/14.jpg)
design direction
how do you choose among design strategies?
1) consider and empathize with your audience
2) understand the strengths and limits of your tools and media
![Page 15: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/15.jpg)
consider and empathize with your audience
1) consider and empathize with your audience
be coherent
![Page 16: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/16.jpg)
design directionconsider and empathize with your audience
1) consider and empathize with your audience
be coherent
be clear
![Page 17: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/17.jpg)
design directionconsider and empathize with your audience
median income
census tracts
inc
om
e
design directionconsider and empathize with your audience
median income
census tracts
902 906 910 912 922 924
inc
om
e
$46,023$43,023
$31,023
$16,023
$18,423
$71,457
![Page 18: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/18.jpg)
design directionconsider and empathize with your audience
income in ct 910 is half the neighborhood average
census tracts
902 906 910 912 922 924
average:$32,023in
co
me
$46,023$43,023
$31,023
$16,023
$18,423
$71,457
![Page 19: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/19.jpg)
design directionconsider and empathize with your audience
1) consider and empathize with your audience
be coherent
be clear
![Page 20: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/20.jpg)
design directionconsider and empathize with your audience
1) consider and empathize with your audience
be coherent
be clear
don’t overtax them
![Page 21: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/21.jpg)
design directionconsider and empathize with your audience
1) consider and empathize with your audience
be coherent
be clear
don’t overtax them
pre-emptively address their questions
![Page 22: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/22.jpg)
design directionconsider and empathize with your audience
1) consider and empathize with your audience
be coherent
be clear
don’t overtax them
pre-emptively address their questions
back up subjective claims
![Page 23: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/23.jpg)
from tufte, 1983, p. 69
responsible graphicsAvoid misrepresentation in your graphics: be careful about relative scale and the presentation of relative proportion!
![Page 24: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/24.jpg)
choosing the right type of graphic
100 %
census tract 55
80 %
60 %
40 %
20 %
0 %New York state
census tract 31
brooklyn, NY
manhattan cd 1
hudson, NY
Pratt PsPd
Pratt GAud
bard college
population age 18 – 34 (2012)
![Page 25: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/25.jpg)
choosing the right type of graphic
census tract 1 PoP. 11,232
census tract 13 PoP. 12,233
census tract 23 PoP. 9,287
census tract 3 PoP. 12,203
census tract 15 PoP. 10,209
census tract 27 PoP. 4,421
census tract 7 PoP. 8,465
census tract 21 PoP. 8,654
census tract 31 PoP. 18,229
ct 7 has a large population age 18 – 34 (2012)
11%
38%
90%
71%
23%
80%
9% 9%
17%
56%
![Page 26: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/26.jpg)
choosing the right type of graphic
100 %
meat Eater
80 %
60 %
40 %
20 %
0 %Lacto-Vegetarian
Lacto-ovo Vegetarian
VeganPescatarian
fruitatarian
macrobiotic
flexitarian
diets of plan601e students
![Page 27: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/27.jpg)
choosing the right type of graphic
one third of plan601e students are flexitarian
42% lacto-ovo vegetarian
50%omnivore
8%fruitatarian8
17% macrobiotic
33%flexitarian
![Page 28: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/28.jpg)
choosing the right type of graphic
12 %
10 %
8 %
6 %
4 %
0 %
scores of 470 fall short of average
800770740710680650620590560530500470440410380350320290260230
PEr
cEN
tAG
E o
f tE
stEr
s b
Y sc
or
E
scorE
![Page 29: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/29.jpg)
choosing the right type of graphic
1970
1980
1990
2000
2010
pescatarians
![Page 30: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/30.jpg)
choosing the right type of graphic
non-smokers
smoking in art school cohort (100 students)
![Page 31: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/31.jpg)
choosing the right type of graphiccan be useful when your sample size is manageable enough to display all units or percentages. makes units more tangible, easily indicates both quantity and share.
smokers63%
non-smokers37%
smoking in art school cohort (100 students)
![Page 32: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/32.jpg)
instances of related or complementary categories
Parts of a whole or independent categories
Quantities ANd shares
one or more
count chart
choosing the right type of graphic
related categories at a specific moment in time
Parts of a whole
Percentages or shares
single and simple
display
components
units
messages
proportion chart
unrelated quantities or a trend across value range
independent categories
Absolute quantities
one or more
bar chart
![Page 33: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/33.jpg)
formatting for your medium
Aa10’ – 30’
Aa2’ – 10’
Aa1’ – 2’
![Page 34: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/34.jpg)
INFORMATION GRAPHICS = USING GRIDS
Leading the eye. Rule of thirds.
layout = using grids
Leading the eye. rule of thirds.
![Page 35: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/35.jpg)
TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 12 pt.
Can you read all fonts from 1 to 3 feet away?
report layout
![Page 36: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/36.jpg)
report layouttypography and columns provide a basic navigation system for reports, which have a high level of detail.
use typography (sizes, colors, styles) as a navigation system for the page; organize text and images into columns; scale images so they balance with text
gutter
column column column column
margin
![Page 37: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/37.jpg)
report layouttypography and columns provide a basic navigation system for reports, which have a high level of detail.
use typography (sizes, colors, styles) as a navigation system for the page; organize text and images into columns; scale images so they balance with text
header
map
photo
subhead / text
text text
text
![Page 38: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/38.jpg)
TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 12 pt.
Can you read all fonts from 1 to 3 feet away?
report layouttypography and columns provide a basic navigation system for reports, which have a high level of detail.
use typography (sizes, colors, styles) as a navigation system for the page; organize text and images into columns; scale images so they balance with text
header
subhead
sub- subhead
footer
summary deck
body text
image scaled proportional
to text
sidebar box with unique font styles
caption
![Page 39: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/39.jpg)
TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTMinimum font sizes: Title – 18 pt.; subhead – 10 pt.;body / caption-text – 12 pt.
Can you read all fonts from 1 to 3 feet away?
report layoutminimum font sizes: title – 18 pt.; subhead – 10 pt.;body / caption-text – 10 pt.
can you read all fonts from 1 to 2 feet away?
![Page 40: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/40.jpg)
TIME TO VOLUNTEER FOR CASE STUDIES!!!
Can you read all fonts from 10 to 12 feet away?
BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.
poster layout
![Page 41: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/41.jpg)
poster layoutrows and columns provide a basic navigation system for boards, which organize information thematically.
use the 3 x 3 grid to organize images and annotation into thematic areas.
![Page 42: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/42.jpg)
TIME TO VOLUNTEER FOR CASE STUDIES!!!
Can you read all fonts from 10 to 12 feet away?
BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.
use the 3 x 3 grid to organize images and annotation into thematic areas.
poster layoutfonts and columns provide also basic navigation system for boards, which organize information thematically.
rendering
strategies
collages
title
intro precedents
analysis
conceptsite plan
phasing
title
![Page 43: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/43.jpg)
TIME TO VOLUNTEER FOR CASE STUDIES!!!
Can you read all fonts from 10 to 12 feet away?
BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.
can you read all fonts from 10 to 12 feet away?
poster layoutminimum font sizes: title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.
![Page 44: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/44.jpg)
slide layout
maximize image size on the slide with legible headers and text.
header
header
header
subhead
subhead
subhead
image
image
images
text
text
minimum font sizes: title – 36 pt.; subhead – 24 pt.;body / caption-text – 14 pt.
![Page 45: Plan601 e session 4 lesson alt](https://reader033.vdocument.in/reader033/viewer/2022042817/55a616da1a28abf4328b484c/html5/thumbnails/45.jpg)
report
Linear
1 – 2 ft.
Proportional to text
detailed narrative
sequential ideas
format
reading distance
image size
text
structure
poster
Linear/non-linear
2 – 10 ft.
As large as possible
Annotation
related ideas
slides
Linear
10 – 30 ft.
As large as possible
summary statements
one idea at a time
format comparison