AGRA0315
Informaation visualisointi I
AGRA0315
Envisioning Information I
Unterricht · lectures
Impressum
Linklist according to the lecture: »Interactive Visual Explainers - Classification« 1. March. 2010
Course task for 1. March: »Study the Infographics, and try to classify«;
be prepared to discuss your solutions during the course discussion.
Here again the links for the Course task for 1. March:
⇒ »America's Cup« El Mundo spanish
⇒ the link: »Deadly Rampage« NewYork Times english
⇒ and of course that link: »Putting Pay« NewYork Times english
»Animated infographics and online storytelling«
»San Fransisco earthquake« »Guided by History«; Wells Fargo's history weblog. interactive
Alberto Cairo »Carno Saurus« animation
Alberto Cairos motion of a »Carno Saurus« animation
Alberto Cairos how to animate the »Carno Saurus« animation
Example to »How to Create Infographic for the Web« by Alberto Cairo animation
»The Future is Now« - A brief introduction to online infographics by Alberto Cairo Design Journal 97/2005 online article
Examples of: ›Alberto Cairo's‹ work El Mundo animation
Example: ›Assassination in Berriozar (Sp)‹ by Alberto Cairo El Mundo animation
Example: ›Terrorist attack in Sallent de Gallego (Sp)‹ by Alberto Cairo El Mundo animation
BLACK BOX OF SECRETS · EDR (Event Data Recorder) MG-Media animation
YOUR GUIDE TO TUT · King Tut and Egypt Chicago Tribune animation
REBUILDING NEW ORLEANS · interactive detail of the Katrina flash back Times-Picayune, New Orleans animation
ELECTION 2006 · complete results graphics with Senate and House results New York Times Company animation
HOW CYCLONES ARE FORMED AFP animation
ANATOMY OF A PRACTICE · a typical NFL training camp practice USA Today animation
SAN FRANCISCO JAVIER - V CENTENARIO 90 grados animation
All Info & Interactive Graphics Interactive Narratives and the Online News Association webpage
El Mundo: ›Gráficos Interactivos‹, Madrid (ES) español
Infographic to Compare:
Class Alberto Cairo, University of North Carolina at Chapel Hill
Project: »Battle of Iwo Jima«:
Rebecca Rolfe: » Battle of Iwo Jima« Sketch jpg
Rebecca Rolfe: » Battle of Iwo Jima« final jpg
Lawson Parker: » Battle of Iwo Jima« Sketch jpg
Lawson Parker: » Battle of Iwo Jima« final jpg
Jonathan Avery: » Battle of Iwo Jima« final jpg
Framework
example:
»High Stakes Pipeline« L.A. Times
»New Attitudes, Tools and Techniques
Change Journalism's Landscape «
Pew Center report about two-way connections with readers Research - Journalism Interactive webpage
»Interactive Journalism« Jan Schaffer, founder of the University of Maryland's J-Lab, talks about interactive journalism,
what it means, and how newspapers across the nation have begun to use it.
Runtime: 00:29:00 University of Maryland at College Park University of Maryland video
Online news websites:
»MSNBC« e.g.: Learn about lung cancer
»Sun Sentinel«
»BBC«
»Newsweek«
»Washington Post«
»El Pais«
»El Mundo« You might remember from A. Cairo
Examples for Classification of Interactives:
»Litvinenko« The Last Days of a Secret Agent
Category Narratives
»The Family Tree of Michelle Obama, the First Lady« The New York Times
»Sea Ice in Retreat« The New York Times
»Faces of the dead« NY-Times The New York Times
Category Instructives
»Esqui Alpino (Alpine Skiing)« El Pais
»Train Accident« El Pais
Manuals in Motion Motorola
Category Exploratives
»Beer basics: How beer is brewed, beer varieties, etiquette and how to pour.« The Sun
»Building Bodies«
»Computer Ports«
»India-Pakistan Rivalry«
Category Simulatives
»Design a Cell Phone.« Use market research to design a popular phone that will fit a certain budget. sound
»The Great Flu« Choose a flu and try to prevent it from becoming a global pandemic. sound
»Explore the garden«
»Sailing«
Mixes: ec. Category Instructives + Simulatives
»What is Print?«
Examples from AD-campaigns: »AXE« Unilever N.V.; Netherlands
explaining the »AXE effect« interactive »flash« animation
manual how-to split while your lady snuggle up to you don't take it too seriously (the text is unfortunately in german)
Food for thought:
Seton Beggs: »A schizophrenic design conversation« movie
Links
»Society for News Design«
»The Art of Explanation«
»Visual Journalism«
»Institute for Interactive Journalism« a center of the University of Maryland Philip Merrill College of Journalism
Literature:
Adam, Pegie Stark, Conneen, Anne: »Contrast, and Dimension in News Design.« Interactive Course
Poynter Institute, St. Petersburg interactive
Anderson, Chris (ed.): »The American Editor« Design issue;
a guide to newspaper design free download
Bounford, Trevor: ›Digital Diagrams: How to Design and Present Statistical Information Effectively ‹;
ISBN-13: 978-0823015726
Cairo, Alberto: »Sailing to the Future« excellent book about ›Infographics in the Internet Era‹;
created for the Multimedia Bootcamp 2005 in the University of North Carolina at Chapel Hill free download
Denton, Craig: ›Graphics for Visual Communication.‹; ISBN-13: 978-0697085405
George-Palilonis, Jennifer: ›A Practical Guide to Graphics Reporting:
Information Graphics for Print, Web & Broadcast‹; ISBN-13: 978-0240807072
Harris, Robert L.: ›Information Graphics.‹ A Comprehensive Illustrated Reference; ISBN-13: 978-0240807072
Heller, Steven: »Nigel Holmes on Information Design« the origins of information graphics
Jorge Pinto Books Inc., ISBN 097747240X online book
Holland, D.K.: ›Design Issues: How Graphic Design Informs Society‹; ISBN-13: 978-1581152029
McAdams, Mindy: »Flash Journalism: How to Create Multimedia News Packages«
Focal Press, 2005 ISBN: 978-0240806976 download
Meyer, Eric K.: ›Designing Infographics.‹; ISBN-13: 978-1568303390
Reagan, Denise M. (ed.): »Update« Infographics Quick Course
SND - The Society for News Design - Newspaper Design and Visual Journalism Society free download
Shannon, Claude Elwood; Weaver, Warren: »The Mathematical Theory of Communication«
University of Illinois Press, 1963 ISBN: 0252725484 online book
Uebele, Andreas: ›Signage Systems And Information Graphics‹; ISBN-13: 978-0500513798
Muutama kysymys? · Any Questions?
• takaisin • back •