Plan601E Session 1 Presentation
1 like519 views
This document provides an overview of an introductory presentation for a course on information graphics. It introduces various types of visual tools that can be used to compare data, show processes, relationships, and concepts. These include graphs, charts, flow charts, network maps, and more. It discusses how information graphics can visually communicate context, hierarchical relationships, and explanations through visual differences. The document also outlines the course structure, including topics to be covered each week, assignments, grading criteria, and a call for volunteers to lead case studies.
Plan601E Session 1 Presentation
- 1. INTRODUCTORY PRESENTATION: TOOLS AND KEYWORDS PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1)
- 2. Do you want to make a COMPARISON? GRAPH CHART DOT DENSITY Do you want to show a PROCESS? FLOW CHART CYCLE DIAGRAM Do you want to show a RELATIONSHIP? NETWORK MAP CONTINUUM DIAGRAM MATRIX Do you want to explain a CONCEPT? ISOTYPE SECTION SUPERGRAPHIC INFORMATION GRAPHICS = TOOLS FOR VISUAL COMMUNICATION
- 3. INFORMATION GRAPHICS = SHOWING CONTEXT VISUALLY
- 4. INFORMATION GRAPHICS = VISUAL AND NARRATIVE HIERARCHY
- 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 memberships ther disaggregated responses to reveal uneven correlations I produced a series of illustrative diagrams to convey the ses both quantatitively and qualitatively. Size / Scale Color Line Weight INFORMATION GRAPHICS = EXPLAINING THROUGH VISUAL DIFFERENCES
- 6. INFORMATION GRAPHICS = MAKING VISUAL COMPARISONS
- 7. Leading the eye. Rule of thirds. INFORMATION GRAPHICS = USING GRIDS
- 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. COURSE COMPONENTS GRADING CRITERIA Readings (x 2) 1) Demonstration of engagment with different Case 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 Presentation GRADING Assignment 1 10% Assignment 2 10% Assignment 3 10% Assignment 4 10% Assignmnet 5 25% Participation 35% COURSE STRUCTURE
- 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 students TIME TO VOLUNTEER FOR CASE STUDIES!!!