Plan601 e session 1 lesson
Upcoming SlideShare
Loading in...5

Plan601 e session 1 lesson






Total Views
Views on SlideShare
Embed Views



1 Embed 287 287



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

Plan601 e session 1 lesson Plan601 e session 1 lesson Presentation Transcript

  • INTRODUCTORY PRESENTATION: introductory LESSON: TOOLS AND KEYWORDS Tools and keywords PLAN601E VERBAL AND VISUAL: INFORMATION GRAPHICS (SESSION 1) PLAN601E Verbal and visual: Information Graphics (session 1)
  • 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 information graphics = tools for visual communication SUPERGRAPHIC
  • INFORMATION GRAPHICS = SHOWING CONTEXT VISUALLY information graphics = showing context visually
  • INFORMATION GRAPHICS = VISUAL AND NARRATIVE HIERARCHY information graphics = visual and narrative hierarchy
  • s of social capital decreased nationwide with reported income. in the absence of traditional civic structure, many Detroiters r less official groups, I investigated the robustness of the trend mple. Using GIS, I mapped respondents’ group memberships rther disaggregated responses to reveal uneven correlations I produced a series of illustrative diagrams to convey the nses both quantatitively and qualitatively. Size / Scale Size / Scale Color Color Line Weight Line Weight information graphics = explaining through visual differences INFORMATION GRAPHICS = EXPLAINING THROUGH VISUAL DIFFERENCES
  • Leading the eye. INFORMATION GRAPHICS = USING GRIDS information graphics = using grids Rule of thirds.
  • information graphics = making visual comparisons INFORMATION GRAPHICS = MAKING VISUAL COMPARISONS
  • WK. Topics Demo assignment 1 Introductory Discussion FactFinder Creative Suite Photoshop Techniques Data collection Photo-documentation 2 Single Dimension Comparisons Principles of Graphic Design Charts / Graphs with Illustrator Chart / Graph 3 Procedural / Temporal Settings Visual Reasonsing (Tufte) Flowcharts / Timelines with Illustrator Flowchart / Timeline 4 Multi-dimensional Comparisons Layout for Print and Screen Continuum Diagram / Matrix in Illustrator and Indesign Continium Diagram / Matrix 5 Constructing a Visual Narrative Storyboarding Formatting and Layout with Indesign Slide Presentation A1 Poster course structure
  • course components Assignment Grading criteria Readings (x 2) 4 pts Clarity and coherence of narratives constructed; Case Studies 3 pts Thoughtfulness, suitability and/or creativity in representation; Lectures / Demonstrations 5-part Assignment • Census Tract • Weekly slide deck + JPEG submission • Final presentation 2 pts Engagement with and evaluation of different representational strategies (as evidenced in the slide deck by sketches, precedents, notes and finished work); 1 pt Deployment of software tools demonstrated in the course, as appropriate. Grading weekly deadlines Assignment 1: 10% Assignment 2: 10% Assignment 3: 10% Assignment 4: 10% Assignment 5: 20% Case Study Presentation: 10% Online Participation: 10% In-Class Participation: 20% course structure S Su M T W assignment due by 9 am class Th F blog comments due by midnight blog / course materials score and feedback returned
  • week 2 week 3 Charts / Graphs / Isotypes • “The Visual Display of Quantitative Information” • Florence Nightingale • Otto Neurath • 1972 Munich Olympics Flowcharts / Timelines • Office of Metropolitan Architecture / Rem Koolhaas • The RSVP Cycles / Lawrence Halprin • “The Works” / Kate Ascher 2 students 2 students week 4 week 5 Matrices / Network Diagrams • “Learning from Las Vegas” • Tibor Kalman • Mark Lombardi Visual Narratives • “Envisioning Information” • Taxi07: Roads Forward / Design Trust • Fordham Plaza / NYCEDC 2 students 2 students time to volunteer for case studies!