Plan601 e session 4 lesson alt

evaluative and synethetic graphics// design directionPLAN601E VErbAL ANd VisuAL: iNformAtioN GrAPhics (sEssioN 4)

evaluative and synethetic graphics

evaluative and synethetic graphics examples

design direction

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

consider and empathize with your audience


be coherent

design directionconsider and empathize with your audience


be coherent

be clear


median income

census tracts

inc

om

e


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


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



be coherent

be clear



be coherent

be clear

don’t overtax them



be coherent

be clear


pre-emptively address their questions



be coherent

be clear


pre-emptively address their questions

back up subjective claims

from tufte, 1983, p. 69

responsible graphicsAvoid misrepresentation in your graphics: be careful about relative scale and the presentation of relative proportion!

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)


census tract 1 PoP. 11,232









ct 7 has a large population age 18 – 34 (2012)

11%

38%

90%

71%

23%

80%

9% 9%

17%

56%


100 %

meat Eater

80 %

60 %

40 %

20 %

0 %Lacto-Vegetarian

Lacto-ovo Vegetarian

VeganPescatarian

fruitatarian

macrobiotic

flexitarian

diets of plan601e students


one third of plan601e students are flexitarian

42% lacto-ovo vegetarian

50%omnivore

8%fruitatarian8

17% macrobiotic

33%flexitarian


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


1970

1980

1990

2000

2010

pescatarians


non-smokers

smoking in art school cohort (100 students)

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)

instances of related or complementary categories

Parts of a whole or independent categories

Quantities ANd shares

one or more

count chart


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

formatting for your medium

Aa10’ – 30’

Aa2’ – 10’

Aa1’ – 2’

INFORMATION GRAPHICS = USING GRIDS

Leading the eye. Rule of thirds.

layout = using grids

Leading the eye. rule of thirds.

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

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



header

map

photo

subhead / text

text text

text





header

subhead

sub- subhead

footer

summary deck

body text

image scaled proportional

to text

sidebar box with unique font styles

caption



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?

TIME TO VOLUNTEER FOR CASE STUDIES!!!


BOARD LAYOUTMinimum font sizes: Title – 48 pt.; subhead – 36 pt.;body / caption-text – 18 pt.

poster layout

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.




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




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.

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

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

Plan601 e session 4 lesson alt

Documents

Transcript of Plan601 e session 4 lesson alt