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
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
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!!!