PRINT VERSUS SCREENPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)

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

PERCENT AGE 18 – 34 (2012)

IS THERE ANYTHING WRONG WITH THIS BAR GRAPH?

100 %

Meat Eater

80 %

60 %

40 %

20 %

0 %Lacto-Vegetarian

Lacto-ovo

Vegetarian

Vegan

Pescatarian

Fruit-atarian

Macrobiotic

Flexitarian

DIETS OF PLAN601E STUDENTS (2011)

IS THERE ANYTHING WRONG WITH THIS BAR GRAPH?

12 %

10 %

8 %

6 %

4 %

0 %

DISTRIBUTION OF TEST SCORES (2011)

80

0

73

0

68

0

65

0

62

0

59

0

56

0

53

0

50

0

46

0

43

0

410

38

0

36

0

33

0

310

29

0

28

0

26

0

24

0

PE

RC

EN

TAG

E O

F T

ES

TE

RS

BY

SC

OR

E

SCORE

IS THERE ANYTHING WRONG WITH THIS PIE CHART?

1970

1980

1990

2000

2010

PESCATARIANS

PIE CHARTS VERSUS BAR GRAPHS

PIE CHARTS

•Show related categories

at a specific moment in time

•“Part of a whole”

•%

•Single, simple message

BAR GRAPHS

•Compare unrelated

quantities or show a trend

or pattern over time

•“Absolute numbers”

•X, Y

•One or more messages

PRESENTATION FORMAT AND SCALE

Aa10’ – 30’

Aa3’ – 10’

Aa1’ – 3’

LAYOUT = USING GRIDS

Leading the eye. Rule of thirds.

TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTFonts and colums provide a basic navigation system for reports, which have a high level of detail.

Use font size 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

TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTFonts and colums provide a basic navigation system for reports, which have a high level of detail.

Use font size 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

TIME TO VOLUNTEER FOR CASE STUDIES!!!REPORT LAYOUTFonts and colums provide a basic navigation system for reports, which have a high level of detail.

Use font size 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

SIDEBAR

CAPTION

BODYTEXT

IMAGE SCALED PROPORTIONAL

TO TEXT

BOX WITH UNIQUE FONT

STYLES

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?

TIME TO VOLUNTEER FOR CASE STUDIES!!!BOARD LAYOUTFonts and colums provide also basic navigation system for boards, which organize information thematically.

Use the 3 x 3 grid to organize images and annotation into thematic areas.

TIME TO VOLUNTEER FOR CASE STUDIES!!!

Use the 3 x 3 grid to organize images and annotation into thematic areas.

BOARD LAYOUTFonts and colums provide also basic navigation system for boards, which organize information thematically.

PRECEDENTS

RENDERING

STRATEGIES

SITE PLAN

PHASING

COLLAGES

ANALYSIS

TITLE

INTRO

CONCEPT

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.

TIME TO VOLUNTEER FOR CASE STUDIES!!!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.

REPORT

• Linear / non-linear

• 1 – 3 ft.

• Proportional to text

• Detailed narrative

• Sequential ideas

Format

Reading Distance

Image Size

Text

Structure

BOARDS

• 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