1. PRINT VERSUS SCREEN
PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)

2. ge
le
ol
C
d
ar U
D
B A
G
t
at
Pr PD
PS
t
at Y
Pr n,
N
1
so D
IS THERE ANYTHING WRONG WITH THIS BAR GRAPH?
C
ud an
PERCENT AGE 18 – 34 (2012)
H tt
ha Y
an N
M n,
ly 31
ok t
ro ac
B Tr e
s
su at
en St
C rk
Yo 55
t
ew ac
N Tr
s
su
en
C
100 %
80 %
60 %
40 %
20 %
0%

3. n
ria
ita c
ex
DIETS OF PLAN601E STUDENTS (2011)
i
Fl ot
bi
ro n
ac ia
M ar
at
t-
ui n
Fr ar
ia
IS THERE ANYTHING WRONG WITH THIS BAR GRAPH?
at
sc
Pe
n
ga o
Ve -ov rian n
o ia
ct eta tar
La g e
Ve eg
V
o-
ct r
La te
Ea
t
ea
M
100 %
80 %
60 %
40 %
20 %
0%

4. DISTRIBUTION OF TEST SCORES (2011)
12 %
PERCENTAGE OF TESTERS BY SCORE
10 %
8%
6%
4%
0%
240
260
280
290
310
330
360
380
410
430
460
500
530
560
590
620
650
680
730
800
SCORE
IS THERE ANYTHING WRONG WITH THIS BAR GRAPH?

5. PESCATARIANS
1970
1980
1990
2000
2010
IS THERE ANYTHING WRONG WITH THIS PIE CHART?

6. PIE CHARTS BAR GRAPHS
• Show related categories • Compare unrelated
at a specific moment in time quantities or show a trend
or pattern over time
• “Part of a whole” • “Absolute numbers”
• % • X, Y
• Single, simple message • One or more messages
PIE CHARTS VERSUS BAR GRAPHS

7. Aa
1’ ­ 3’
–
3’ ­ 10’
– Aa
10’ ­ 30’
– Aa
PRESENTATION FORMAT AND SCALE

8. Leading the eye. Rule of thirds.
LAYOUT = USING GRIDS

9. Use font size as a navigation system for the page; organize text and
images into columns; scale images so they balance with text
COLUMN COLUMN COLUMN COLUMN
MARGIN
GUTTER
Fonts and colums provide a basic navigation system for
REPORT LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
reports, which have a high level of detail.

10. Use font size as a navigation system for the page; organize text and
images into columns; scale images so they balance with text
HEADER
PHOTO
SUBHEAD TEXT TEXT
/ TEXT
TEXT
MAP
Fonts and colums provide a basic navigation system for
REPORT LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
reports, which have a high level of detail.

11. Use font size as a navigation system for the page; organize text and
images into columns; scale images so they balance with text
HEADER
IMAGE SCALED
PROPORTIONAL
TO TEXT
CAPTION
SIDEBAR SUB-
SUBHEAD
BODYTEXT
BOX WITH
UNIQUE FONT
FOOTER SUBHEAD STYLES
Fonts and colums provide a basic navigation system for
REPORT LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
reports, which have a high level of detail.

12. Can you read all fonts from 1 to 3 feet away?
Minimum font sizes: Title – 18 pt.; subhead – 10 pt.;
REPORT LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
body / caption-text – 12 pt.

13. Use the 3 x 3 grid to organize images and annotation into thematic areas.
Fonts and colums provide also basic navigation system
BOARD LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
for boards, which organize information thematically.

14. Use the 3 x 3 grid to organize images and annotation into thematic areas.
TITLE
RENDERING
INTRO PRECEDENTS
ANALYSIS STRATEGIES
SITE PLAN COLLAGES
CONCEPT
PHASING
Fonts and colums provide also basic navigation system
BOARD LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
for boards, which organize information thematically.

15. Can you read all fonts from 10 to 12 feet away?
Minimum font sizes: Title – 48 pt.; subhead – 36 pt.;
BOARD LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
body / caption-text – 18 pt.

16. Maximize image size on the slide with legible headers and text.
HEADER
SUBHEAD
IMAGE
HEADER
SUBHEAD
TEXT
IMAGE
HEADER
SUBHEAD
TEXT
IMAGES
Minimum font sizes: Title – 36 pt.; subhead – 24 pt.;
SLIDE LAYOUT
TIME TO VOLUNTEER FOR CASE STUDIES!!!
body / caption-text – 14 pt.

17. REPORT BOARDS SLIDES
Format • Linear / non-linear • Non-linear • Linear
Reading Distance • 1 – 3 ft. • 3 – 10 ft. • 10 – 30 ft.
Image Size • Proportional to text • As large as possible • As large as possible
Text • Detailed narrative • Annotation • Summary statements
Structure • Sequential ideas • Related ideas • One idea at a time
FORMAT COMPARISON