Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Plan601E Session 1 Presentation

1,625 views

Published on

  • Be the first to comment

  • Be the first to like this

Plan601E Session 1 Presentation

  1. 1. INTRODUCTORY PRESENTATION:TOOLS AND KEYWORDSPLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1)
  2. 2. Do you want to makea COMPARISON? GRAPH CHART DOT DENSITYDo you want to showa PROCESS? FLOW CHART CYCLE DIAGRAMDo you want to showa RELATIONSHIP? NETWORK MAP CONTINUUM DIAGRAM MATRIXDo you want toexplain a CONCEPT? ISOTYPE SECTION SUPERGRAPHIC INFORMATION GRAPHICS = TOOLS FOR VISUAL COMMUNICATION
  3. 3. INFORMATION GRAPHICS = SHOWING CONTEXT VISUALLY
  4. 4. INFORMATION GRAPHICS = VISUAL AND NARRATIVE HIERARCHY
  5. 5. n the absence of traditional civic structure, many Detroiters less official groups, I investigated the robustness of the trend ple. Using GIS, I mapped respondents’ group membershipsther disaggregated responses to reveal uneven correlationsI produced a series of illustrative diagrams to convey theses both quantatitively and qualitatively. Size / Scale Color Line Weight INFORMATION GRAPHICS = EXPLAINING THROUGH VISUAL DIFFERENCES
  6. 6. INFORMATION GRAPHICS = MAKING VISUAL COMPARISONS
  7. 7. Leading the eye. Rule of thirds.INFORMATION GRAPHICS = USING GRIDS
  8. 8. WK. TOPICS DEMO ASSIGNMENT 1 Introductory Discussion Fact-finder Data collection Creative Suite Photo-documentation Photo-shop Techniques 2 Single Dimension Comparisons Charts / Graphs Chart / Graph Principles of Graphic Design with Illustrator 3 Procedural / Temporal Settings Flow-charts / Timelines Flow-chart / Timeline Visual Reasonsing (Tufte) with Illustrator 4 Multi-dimensional Comparisons Continuum Diagram / Continium Diagram / Layout for Print and Screen Matrix in Illustrator and Matrix Indesign 5 Constructing a Visual Narrative Formatting and Layout Slide Presentation Story-boarding with Indesign A1 Poster COURSE STRUCTURE
  9. 9. COURSE COMPONENTS GRADING CRITERIAReadings (x 2) 1) Demonstration of engagment with differentCase Studies information graphic types.Lectures / Demonstrations 2) Creativity in representation.5-part Assignment 3) Effort to create reasoned visual narratives.• Census Tract• Weekly Slide-deck BLOG / COURSE MATERIALS Submission http://prattinfographicsworkshop.wordpress.com• Final PresentationGRADINGAssignment 1 10%Assignment 2 10%Assignment 3 10%Assignment 4 10%Assignmnet 5 25%Participation 35%COURSE STRUCTURE
  10. 10. WEEK 2 WEEK 3 Charts / Graphs / Isotypes Flow-charts / Timelines • Edward Tufte • Office of Metropolitan Architecture • Florence Nightingale / Rem Koolhaas • Otto Neurath • “The Works” / Kate Ascher • 1972 Munich Olympics 2 students 3 students WEEK 4 WEEK 5 Matrixes / Network Diagrams Visual Narratives • “Learning from Las Vegas” • Edward Tufte • Tibor Kalman • “Design with Nature” / Ian McHarg • Mark Lombardi • “Mississippi Floods” 2 students • “The East London Green Grid” 3 studentsTIME TO VOLUNTEER FOR CASE STUDIES!!!

×