infographics: an overview

73
Jordi Diví Disseny Gràfic Digital CIFO L’Hospitalet 2010 - 2011

Upload: jordi-divi

Post on 16-Apr-2017

566 views

Category:

Design


3 download

TRANSCRIPT

Page 1: infographics: an overview

J o r d i D i v íDisseny Gràfic Digital

CIFO L’Hospitalet2010 - 2011

Page 2: infographics: an overview
Page 3: infographics: an overview

~13.000 a.C

Pintures rupestresAntecedents i primers passos abans del s.XX

Page 4: infographics: an overview

Mapa del món 600 a.C

BabilòniaAntecedents i primers passos abans del s.XX

Page 5: infographics: an overview

s.XII

Retaule gòticAntecedents i primers passos abans del s.XX

Page 6: infographics: an overview

Leonardo Da Vinci

1492 1510-11 1510-12

Antecedents i primers passos abans del s.XX

Page 7: infographics: an overview

Antecedents i primers passos abans del s.XX

s.XIV

Nicholas OresmeBisbe de Lisieux

Page 8: infographics: an overview

Rosa Ursina sive Sol 1626

Christoph ScheinerAntecedents i primers passos abans del s.XX

Page 9: infographics: an overview

Rajasthans.XVIII

Plantes de VishnuAntecedents i primers passos abans del s.XX

Page 10: infographics: an overview

William Playfair

17861800

Antecedents i primers passos abans del s.XX

Page 11: infographics: an overview

William Playfair

1801

Antecedents i primers passos abans del s.XX

Page 12: infographics: an overview

William Playfair

1810

Antecedents i primers passos abans del s.XX

Page 13: infographics: an overview

The Times

1806

Antecedents i primers passos abans del s.XX

Page 14: infographics: an overview

Florence Nightingale

La Rosa de Nightingale1858

Antecedents i primers passos abans del s.XX

Page 15: infographics: an overview

Charles J. Minard

1858

1864

Antecedents i primers passos abans del s.XX

Page 16: infographics: an overview

Charles J. Minard

1869

Antecedents i primers passos abans del s.XX

Page 17: infographics: an overview

Isotype

Marie Reidemeister

Otto Neurath Gerd Arntz

1925 - 1934

El llenguatge visual al segle XX

Page 18: infographics: an overview

IsotypeEl llenguatge visual al segle XX

Page 19: infographics: an overview

Otl AicherEl llenguatge visual al segle XX

1969Munic’72

Waldi

Page 20: infographics: an overview

Mapa London TubeEl llenguatge visual al segle XX

1932

Henry Beck - 1933

2010

Page 21: infographics: an overview

Mapa NYC SubwayEl llenguatge visual al segle XX

Massimo Vignelli - 1977

John Taurenac - 1979

Page 22: infographics: an overview

PioneerEl llenguatge visual al segle XX

Carl Sagan

Frank Drake

1972

Page 23: infographics: an overview

George RorickEl llenguatge visual al segle XX

USA TODAY - 1982

Page 24: infographics: an overview

Nigel HolmesLA FIGURA

1942

1978

Page 25: infographics: an overview

Nigel HolmesLA FIGURA

1965

Page 26: infographics: an overview

Nigel HolmesLA FIGURA

1972 1976 1979

19791979 1982

Page 27: infographics: an overview

Nigel HolmesLA FIGURA

1997 1998

1998

Page 28: infographics: an overview

Nigel HolmesLA FIGURA

2001 2001 2003

Page 29: infographics: an overview

Nigel HolmesLA FIGURA

2008

Page 30: infographics: an overview

Narrativa Visual

7gèneres

Diari (clàssic) Gràfica comentada Poster segmentat

Gràfic de flux Còmic Diapositives Video

només?

Page 31: infographics: an overview

Narrativa Visual

Page 32: infographics: an overview

Narrativa Visual

Page 34: infographics: an overview

Narrativa Visual

Page 35: infographics: an overview

Narrativa Visual

Page 36: infographics: an overview

Narrativa Visual

Page 37: infographics: an overview

Narrativa Visual

Page 38: infographics: an overview

Narrativa Visual

Page 39: infographics: an overview

Narrativa Visual

Page 40: infographics: an overview

Narrativa Visual

Page 41: infographics: an overview

Narrativa Visual

Page 42: infographics: an overview

Narrativa Visual

Page 44: infographics: an overview

Narrativa Visual

Page 45: infographics: an overview

Narrativa Visual

Page 47: infographics: an overview

Narrativa Visual

Page 48: infographics: an overview

Narrativa Visual

Page 49: infographics: an overview

Narrativa Visual

Page 50: infographics: an overview

Narrativa Visual

Chris WareThe Acme Novelty Library

Page 52: infographics: an overview

Narrativa Visual

Canal Isabel IIDebtris US

Hans Rosling’s Gapminder

Death Ray

Page 53: infographics: an overview

Premis Malofiej

Peter Sullivan / Best of Show. Categoría: Cultura.

Medio: Svenska Dagbladet. Título: How did Europe vote in

last year Eurovision Song Contest.

Page 54: infographics: an overview

Premis Malofiej

Oro. Categoría: Nacional e Internacional. Medio: Golden Section Graphics para Die Zeit. Título: Bunte Republik Deutschland.

Page 55: infographics: an overview

Premis Malofiej

Oro. Categoría: Ciencia, tecnología, salud. Medio: National Geographic Magazine. Título: Muir: Making Connections.

Page 56: infographics: an overview

Oro. Categoría: Portafolio de reportajes. Medio: Público (España). Título: Frescogramas.

Premis Malofiej

Page 57: infographics: an overview

Premis Malofiej

Oro. Categoría: Promocionales. Autor: Enric Jardí para Arts Gràfiques Orient. Título: Imposibles posibles.

Page 58: infographics: an overview

Premis Malofiej

Oro. Categoría: Catástrofes naturales, accidentes, sucesos (online). Medio: NYTimes.com Título: Hudson River Plane Crash.

Page 59: infographics: an overview

Premis Malofiej

Oro. Categoría: Nacional e Internacional (online). Medio: NYTimes.com Título: How Americans Spend Their Day.

Page 60: infographics: an overview

Premis Malofiej

Oro. Categoría: Deportes (online). Medio: NYTimes.com Título: Roger Federer's Movements.

Page 61: infographics: an overview

Miscel·lània

Miscel·lània

Page 62: infographics: an overview

Miscel·lània

Paul Butler

Page 63: infographics: an overview

Miscel·lània

Frog design

Page 64: infographics: an overview

Miscel·lània

Aaron Koblin

Page 66: infographics: an overview

Miscel·lània

25 persones

blancs

negres

asiàtics

hispans

altres

Eric Fischer

Page 67: infographics: an overview

Miscel·lània

Carlos Lobato Fernández

Page 68: infographics: an overview

Miscel·lània

ProjectReason

Page 69: infographics: an overview

Miscel·lània

Tiffany Farrant

Page 70: infographics: an overview

Miscel·lània

Rick Slusher

Page 71: infographics: an overview

Miscel·lània

FFunctionffctn.com

Page 72: infographics: an overview

Miscel·lània

dmtr.org

Page 73: infographics: an overview

Conclusions

The New Mediators

claredat

dades

reserca

captivar

rigor

experimentació colors

forma

tamanyproporció

humoranalisi estèticacuriositat

observaciódibuix

escripturareferents

documentació

informàtica

no-decoració eficàciacomprensió

cervesa

comparació

moviment

perspectiva

llum

ombra

volum

tipografia

disseny