Plan601 e session 4 lesson
Transcript of Plan601 e session 4 lesson
![Page 1: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/1.jpg)
design discretionPLAN601E VErbAL ANd VisuAL: iNformAtioN GrAPhics (sEssioN 4)
![Page 2: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/2.jpg)
on representation
![Page 3: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/3.jpg)
from tufte, 1983, p. 69
on representationAvoid misrepresentation in your graphics: be careful about relative scale and the presentation of relative proportion!
![Page 4: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/4.jpg)
is there anything wrong with this bar graph?
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 5: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/5.jpg)
is there anything wrong with this bar graph?
census tract 1
census tract 13
census tract 23
census tract 3
census tract 15
census tract 27
census tract 7
census tract 21
census tract 31
population age 18 – 34 (2012)
11%
38%
90%
71%
23%
80%
9%
17%
56%
![Page 6: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/6.jpg)
is there anything wrong with this bar graph?
100 %
meat Eater
80 %
60 %
40 %
20 %
0 %Lacto-Vegetarian
Lacto-ovo Vegetarian
VeganPescatarian
fruitatarian
macrobiotic
flexitarian
diets of plan601e students
![Page 7: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/7.jpg)
is there anything wrong with this bar graph?
diets of plan601e students
42% lacto-ovo
50%omnivore
8%fruitatarian8
18% macrobiotic
32%flexitarian
![Page 8: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/8.jpg)
is there anything wrong with this bar graph?
12 %
10 %
8 %
6 %
4 %
0 %
distribution of test scores
800770740710680650620590560530500470440410380350320290260230
PEr
cEN
tAG
E o
f tE
stEr
s b
Y sc
or
E
![Page 9: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/9.jpg)
is there anything wrong with this pie chart?
1970
1980
1990
2000
2010
pescatarians
![Page 10: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/10.jpg)
pie charts versus bar graphs
related categories at a specific moment in time
Parts of a whole
Percentages or shares
single and simple
unrelated quantities or a trend across a value range
independent categories
Absolute quantities
one or more
display
components
units
messages
![Page 11: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/11.jpg)
v
non-smokers37%
smoking at school
![Page 12: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/12.jpg)
what about count charts?can be useful when your sample size is manageable enough to display all units; makes units more tangible, easily indicates both quantity and share.
smokers63%
non-smokers37%
smoking among art school cohort
![Page 13: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/13.jpg)
formatting for different media
![Page 14: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/14.jpg)
presentation format and scale
Aa10’ – 30’
Aa2’ – 10’
Aa1’ – 2’
![Page 15: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/15.jpg)
INFORMATION GRAPHICS = USING GRIDS
Leading the eye. Rule of thirds.
layout = using grids
Leading the eye. rule of thirds.
![Page 16: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/16.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 17: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/17.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 18: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/18.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 19: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/19.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 20: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/20.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 3 feet away?
![Page 21: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/21.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?
board layoutminimum font sizes: title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.
![Page 22: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/22.jpg)
board 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 23: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/23.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.
board 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 24: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/24.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?
board layoutminimum font sizes: title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.
![Page 25: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/25.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 26: Plan601 e session 4 lesson](https://reader033.fdocuments.in/reader033/viewer/2022060123/5597814f1a28ab2f218b4812/html5/thumbnails/26.jpg)
report
Linear
1 – 2 ft.
Proportional to text
detailed narrative
sequential ideas
format
reading distance
image size
text
structure
boards
Linear/non-linear
3 – 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