© Anselm Spoerri Lecture 6 Infographics –Definition and Overview –Relationship to Information Visualization –Isotype and Infographics Examples –New York.

Slides:

Advertisements

Similar presentations

MODULE 19: DESIGN Design 3 MODULAR DESIGN expands coverage and design options. PHOTO BLOCKS BECOME CONTENT MODULES. MODULAR DESIGN FOSTERS A TEAM.

Advertisements

Media Convergence Ricardo Llano Ricardo Llano Tel

Intro to Graphic Design & Multimedia Definition of Graphic Design & Multimedia Technology Convergence Design Process Multimedia Production Cycle Graphic.

1 1 Introduction to Multimedia Chapter 9. 2 Objectives Get to know the phases of MM production. Get to know the team members in MM development.

© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University

© Anselm SpoerriInfo + Web Tech Course Information Technologies Info + Web Tech Course Anselm Spoerri PhD (MIT) Rutgers University

Copyright © 2003 by Pearson Education, Inc. All rights reserved. Handouts and Study Guides.

USING SMARTART IN EXCEL About SmartArt: SmartArt is available in other Microsoft Office applications, not just in Excel. Remember: SmartArt graphics.

© Anselm Spoerri Information Visualization Information Visualization Course Prof. Anselm Spoerri

Pictures and words Integration and Interaction Techniques and Technology Framing and Space.

Information Architecture October 15, 2009 Joan Winter

AIGA Revolution 2005 Expanding the Typographic Vocabulary: Temporal Narrative and Type in Motion R. Brian Stone, Associate Professor Department of Design.

Yvonne M. Hansen Visualization for Thinking, Planning, and Problem Solving Simple, graphic shapes, the building blocks of a graphical language, play an.

Principles of Good Presentation Slides & Graphics November 21, 2008 Adapted from slides used by Katie Kopren.

© Anselm Spoerri Lecture 8 Video Editing Principles –Short Movie Example –Basic Film / Video Editing –Compress Time –Create Illusion of Continuity –Create.

The applied art of arranging image and text to communicate a message.

Some pictures are worth more than a thousand words… Infographics.

Course Title: M.M.T Chapter No: 01 “Introduction to Multimedia”

Dr Alys Einion Swansea University. “graphical representations of knowledge that are comprised of concepts and the relationships between them” (Canas.

The Power of Many by Christian Crumlish Valerie Gomez de la Torre | KMS i385Q | Dr. Turnbull |

A Brief Guide Instructions and Usablity Testing. Inventory of Types Quick Reference Guide Assembly Instructions Wordless Instructions Standard Operating.

The Art Institute of California.  Learn about infographics and how to design them  Begin Assignment #2 – Concept Generation through Combination.

INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, November 1, 2012 Session 9: Visualization.

DYNAMIC VISUALS Aportfolio Design. COLOR PALETTES No more than three to four colors Reflect yourself; reflect your major How should the colors in this.

PRESENTATION SOFTWARE ICT LITERACY Form 2 W HAT IS M ULTIMEDIA ? From the word “Multi” and “Media” Multi means various Media Tools that is used to represent.

What is Text? Created by Blake Thompson Created by Boudewijn Mijnlief Created by Andrew Was Created by Wilson Joseph.

Visuals for a speech What to include How to organize What not to include.

BC1Q FALL POWERPOINT NOTES 1 Microsoft PowerPoint is a program that is part of Microsoft Office.

Character Maps and Infographics 7 th Grade Humanities ABC Wrap-Up.

Information Visualization Chris North cs3724: HCI.

Presentation of Chapters 3 & 4 e-Learning and the Science of Instruction Applying the Multimedia Principle (chapt. 3) Applying the Contiguity Principle.

Infographics TECM 4180 Dr. Lam. Project 2: Infographic Three key characteristics of an Infographic: 1.It is visual- An infographic is a visual image (e.g.,

1 Professional Communications Introduction to Slide Presentations Copyright © Texas Education Agency, All rights reserved. Images and other multimedia.

THE ART OF IDENTITY LOGOS

What is nonfiction literature?  Nonfiction literature is not fiction.  Nonfiction literature is true. It is about real people, places, things, and events.

Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 10: Enhancing a Presentation © 2010 Pearson Education, Inc. | Publishing as Prentice.

BAPDD2013 This presentation is an introduction to wireframing and was first presented at the BAPDD 2013 in Columbus, Ohio on September, 13. Since many.

1. Electronic Presentation Overview Terry Harnden.

YEAR 11 - IPT Term 2 - Tools for Information Processing hardware and Personal information system.

Marionette Infographics Creating Highly Sophisticated Charts and Graphs for Presentations.

Introduction to Multimedia. What is Multimedia? Derived from the word “Multi” and “Media” Multi Many, Multiple, Media Tools that is used to represent.

Multimedia Fundamentals

Applied Cartography and Introduction to GIS GEOG 2017 EL Lecture-5 Chapters 9 and 10.

Introduction of Scratch (1/4) You can find Scratch on the Web:

Information Visualization Course

What is an infographic?.

Graphic Design.

TIP │Use color to tell story, arrange multiple graphics together, add icons on top of charts to create custom graphics. EDITABLE GRAPHIC AT END OF PRESENTATION.

The Use of Data Personalisation in Data Journalism Stories of the New York Times and The Guardian By Hussain Aldossari.

Verbal and Visual Support in Presentations

Digital Media Production

Elements of Literature

Preparing and Interpreting Tables, Graphs and Figures

Interactive Data Visualization

Graphic Design A career in art.

Character Maps and Infographics

Information Technologies Anselm Spoerri PhD (MIT)

Designing a Presentation

Tree Growth Static Add Subtitle Here Your Text Here Your Text Here

What is an Infographic?.

Multimedia Fundamentals

Intro to Digital Media & Multimedia

Introduction to Multimedia

Create Meaningful Graphics, Icons, and Images Lecture-14

Definition of a Model.

A Guide to Understanding the Genre

Write a story about the picture

Information Technologies Anselm Spoerri PhD (MIT)

Hybrid Integration Diagram Template

Presentation transcript:

© Anselm Spoerri Lecture 6 Infographics –Definition and Overview –Relationship to Information Visualization –Isotype and Infographics Examples –New York Times Infographics & Visualizations –Using Information Design & Infographics to Advocate

© Anselm Spoerri Infographics Graphic Representation of Data, Information, Knowledge using Lines, Boxes, Arrows Symbols, Pictograms Text, Color, Labels

© Anselm Spoerri Infographics vs. Information Visualization InfographicsInfoVis ContentData Information Knowledge Data Information VisualizationsStandard Charts Symbols Diagrams Color Text Novel Charts InfoVis Principles InteractivityMostly StaticSliders & Controls Dynamic Queries Animations Narrative Structure Medium - HighLow - Medium Data-Ink RatioMediumMedium – High Data Size & Data Dimensions Low – MediumMedium - High

© Anselm Spoerri Isotype (International System of TYpographic Picture Education)

© Anselm Spoerri Isotype (International System of TYpographic Picture Education)

© Anselm Spoerri Infographics – Some Resources Cool Infographics Smashing Magazine visualization-and-infographics/ Six Revisions Infosthetics search.cgi?search=infographics&IncludeBlogs=1

© Anselm Spoerri New York Times Visualizations New York Times has Visualization Team –Leading adopter of visualization tools in the news media –At the forefront of enhancing new stories with interactive content –Community API york-times-community-api/ york-times-community-api/ Combining Static Infographics and Interactive Visualization Beginning to Develop “DataStories” –Remade in America –Debt Trap –Election

© Anselm Spoerri Using Information Design & Infographics to Advocate _for_Advocacy_-_An_Introduction_to_Information_Design.pdf