Plan601E Session 4 Presentation

1,198 views

Published on

  • Be the first to comment

  • Be the first to like this

Plan601E Session 4 Presentation

  1. 1. PRINT VERSUS SCREENPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 4)
  2. 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 anPERCENT 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. 3. n ria ita c exDIETS 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. 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 SCOREIS THERE ANYTHING WRONG WITH THIS BAR GRAPH?
  5. 5. PESCATARIANS 1970 1980 1990 2000 2010IS THERE ANYTHING WRONG WITH THIS PIE CHART?
  6. 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 messagesPIE CHARTS VERSUS BAR GRAPHS
  7. 7. Aa 1’ ­ 3’ – 3’ ­ 10’ – Aa 10’ ­ 30’ – AaPRESENTATION FORMAT AND SCALE
  8. 8. Leading the eye. Rule of thirds.LAYOUT = USING GRIDS
  9. 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 forREPORT LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! reports, which have a high level of detail.
  10. 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 forREPORT LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! reports, which have a high level of detail.
  11. 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 forREPORT LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! reports, which have a high level of detail.
  12. 12. Can you read all fonts from 1 to 3 feet away? Minimum font sizes: Title – 18 pt.; subhead – 10 pt.;REPORT LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! body / caption-text – 12 pt.
  13. 13. Use the 3 x 3 grid to organize images and annotation into thematic areas. Fonts and colums provide also basic navigation systemBOARD LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! for boards, which organize information thematically.
  14. 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 systemBOARD LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! for boards, which organize information thematically.
  15. 15. Can you read all fonts from 10 to 12 feet away? Minimum font sizes: Title – 48 pt.; subhead – 36 pt.;BOARD LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! body / caption-text – 18 pt.
  16. 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 LAYOUTTIME TO VOLUNTEER FOR CASE STUDIES!!! body / caption-text – 14 pt.
  17. 17. REPORT BOARDS SLIDESFormat • Linear / non-linear • Non-linear • LinearReading Distance • 1 – 3 ft. • 3 – 10 ft. • 10 – 30 ft.Image Size • Proportional to text • As large as possible • As large as possibleText • Detailed narrative • Annotation • Summary statementsStructure • Sequential ideas • Related ideas • One idea at a time FORMAT COMPARISON

×