Your SlideShare is downloading. ×
Plan601 e session 1 lesson
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Plan601 e session 1 lesson

872
views

Published on

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
872
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 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)
  • 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 information graphics = tools for visual communication SUPERGRAPHIC
  • 3. INFORMATION GRAPHICS = SHOWING CONTEXT VISUALLY information graphics = showing context visually
  • 4. INFORMATION GRAPHICS = VISUAL AND NARRATIVE HIERARCHY information graphics = visual and narrative hierarchy
  • 5. 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
  • 6. Leading the eye. INFORMATION GRAPHICS = USING GRIDS information graphics = using grids Rule of thirds.
  • 7. information graphics = making visual comparisons INFORMATION GRAPHICS = MAKING VISUAL COMPARISONS
  • 8. 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
  • 9. 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 http://prattinfographics.wordpress.com score and feedback returned
  • 10. 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!