際際滷

際際滷Share a Scribd company logo
COSE LINFOGRAFICA
L'infogra鍖ca 竪 la
rappresentazione in forma visiva
di informazioni, dati o conoscenze
attraverso la forma gra鍖ca.
Grazie a questo strumento 竪
possibile comunicare in modo
immediato concetti complessi,
per renderli interessanti e
accessibili al pubblico.
ORIGINI dellINFOGRAFICA
1626
Christoph Scheiner pubblica Rosa Ursina,
usando una grande variet di elementi gra鍖ci
per spiegare la rotazione del sole.
1786
William Playfair pubblica L'Atlante commerciale e politico.
Il volume 竪 pieno di gra鍖ci statistici che rappresentano
l'economia del diciottesimo secolo, usando istogrammi e
diagrammi a colonna.
1878
James Joseph Sylvester introduce il termine "gra鍖co" e
pubblica una serie di diagrammi per rappresentare la
relazione fra legami chimici e propriet matematiche.
1861
Charles Joseph Minard usa un gra鍖co seminale, per
rappresentare la disastrosa marcia su Mosca di Napoleone.
In una singola immagine bidimensionale 竪 riuscito a
rappresentare quattro diverse variabili che hanno
contribuito al fallimento della marcia: la distanza e la
direzione in cui l'esercito viaggi嘆; le quote d'altitudine a cui
viaggiarono le truppe; la quantit di soldati morti di fame e
per le ferite; le temperature gelide incontrate durante la
marcia.
1936
Otto Neurath introduce un sistema di pittogrammi progettati
come linguaggio visivo internazionale. Isotype (questo il
nome del gruppo di pittogrammi) include una serie di 鍖gure
umane stilizzate che saranno la base delle moderne icone di
鍖gure umane al tratto.
1972
Otl Aicher realizza in occasione delle Olimpiadi di Monaco di
Baviera, una serie di pittogrammi divenuti molto popolari e
che in鍖uenzarono (e continuano ad in鍖uenzare) la
stilizzazione della 鍖gura umana, usata in tutta la segnaletica
pubblica.
ORIGINI dellINFOGRAFICA
1626 - Christoph Scheiner 1786 - William Playfair 1878 - James Joseph Sylvester
ORIGINI dellINFOGRAFICA
1861 - Charles Joseph Minard 1936 - Otto Neurath 1972 - Otl Aicher
OBIETTIVI DELLINFOGRAFICA
Solitamente le infogra鍖che hanno almeno
uno di questi 3 obiettivi:

- Sempli鍖care il processo decisionale,
presentando varie opzioni in modo visuale;
- Filtrare e riassumere grandi quantit di
dati, in una forma semplice e facile da
comprendere;
- Presentare informazioni che
risulterebbero banali, in modo divertente.
L'infogra鍖ca vuole sempli鍖care dati
che risulterebbero complicati,
o mostrare numeri sorprendenti.
OBIETTIVI DELLINFOGRAFICA
L'infogra鍖ca RACCONTA UNA STORIA

Il nostro cervello vuole sempre trovare un signi鍖cato in ci嘆 che sta guardando.
L'infogra鍖ca deve quindi raccontare una storia,
che come tutte le storie,
ha unintroduzione, uno svolgimento e una 鍖ne.
www.youtube.com/watch?v=eERhg2tINyM
www.dailymotion.com/video/xgazyx
I VANTAGGI DELLUSO DELLINFOGRAFICA
La comunicazione attraverso le immagini 竪 un innegabile vantaggio!
L'utente:
- consuma i dati in maniera di鍖erente dal contesto tradizionale;
- percepisce e impara i contenuti in modo pi湛 leggero e accattivante
Le infogra鍖che:
- supportano questa consultazione di informazioni;
- aiutano a conservare nel ricordo i messaggi visualizzati
www.youtube.com/watch?feature=player_embedded&v=xekEXM0Vonc
LE FORME DELLINFORGRAFICA
Linfogra鍖ca 竪 utilizzata per tantissimi scopi e in diverse forme:
 tabelle;
 diagrammi di 鍖usso;
 mappe concettuali;
 schemi/schemi a blocchi;
 istogrammi;
 gra鍖ci;
 mappe topogra鍖che;
 sistemi di segnaletica;
 idee e concetti;
 processi ed evoluzioni;
 cronologie e timeline;
 CV;
 istruzioni;
REGOLE PER UNA BUONA INFOGRAFICA
CONTENUTI
- Un concetto equivale ad un solo
elemento gra鍖co (ricorda di NON
esprimere idee diverse associando
unimmagine unica);

- Quando ricevi dati/informazioni, fai
unanalisi individuando i concetti
principali, sintetizzandoli in parole-
chiave;

- Quando trasformi i dati in una
forma visiva, pensa in termini di
numeri e aggregatori (5 motivi per...
7 cose da...).
FORMA
Rendi facile la rappresentazione
utilizzando:
- Molto spazio bianco/alleggerendo
spazi e ingombri;

- Ogni testo deve essere di facile
lettura (usa font puliti e abbastanza
grandi);
- Non dimenticare che linformazione
viene prima della forma, perci嘆 NON
dare maggiore importanza
allestetica a danno della chiarezza
dei contenuti.
REGOLE PER UNA BUONA INFOGRAFICA
FORMA
FONT
Non utilizzare pi湛 di 2 tipi di caratteri di鍖erenti. I 2 tipi dovrebbero comunque appartenere
alla stessa classe (serif o sans serif).

COLORI
Un buon modo per scegliere il colore giusto 竪 quello di abbinarlo al tema che si sta trattando:
per esempio, se linfogra鍖ca parla di ca鍖竪 si potrebbero utilizzare varie tonalit di marrone.
SPAZI
Ricorda che pi湛 elementi ci sono, pi湛 si crea confusione. Identi鍖ca gli elementi
dellinfogra鍖ca che vuoi evidenziare e crea degli spazi vuoti attorno a loro, separando e
distanziando il testo dalle immagini;
ORIZZONTALE O VERTICALE?
Ricorda che la maggior parte dei siti web e dei dispositivi di connessione mobile processano
meglio le immagini orientate in verticale.
TIPOLOGIE DI INFOGRAFICA
1. Rende le informazioni pi湛 attraenti
2. Mostra le idee di valore
3. Attira lattenzione
4. E 'pi湛 facile da comprendere
5. Riduce la noia della lettura
6. Risveglia linteresse
7. E intuitiva e accessibile a tutti
8. E convincente
9. E' facilmente memorizzabile
10. E' facile da condividere e ritrasmettere
10 ragioni per cui le Infogra鍖che sono importanti
1. Rende le informazioni pi湛 attraenti
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che sono importanti
2. Mostra le idee di
valore;
3. Attira lattenzione;
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che sono importanti
4. E 'pi湛 facile da comprendere
10 ragioni per cui le Infogra鍖che sono importanti
TIPOLOGIE DI INFOGRAFICA
5. Riduce la noia della lettura
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che sono importanti
6. Risveglia linteresse
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che sono importanti
7. E intuitiva e accessibile a tutti
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che
sono importanti
8. E'
convincente
9. E facilmente
memorizzabile
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che sono importanti
10. E facile da condividere e ritrasmettere
TIPOLOGIE DI INFOGRAFICA
10 ragioni per cui le Infogra鍖che sono importanti
Per gestire dati e immagini in modo corretto e funzionale
possiamo tenere presente i seguenti modi di organizzare
visivamente le informazioni:
1) 油INFOGRAFICA DI UTILITA 
Quando si hanno tante date da mostrare insieme alle
immagini 
2) 油CONFRONTO 
Quando sono molte le informazioni e i disegni da
confrontare tra loro 
3) 油DATE 
Usata molto per le strategie di marketing confrontandole
con le linee del tempo 
4) 油MAPPE STRADALI 
Linee di una storia o di un viaggio, usata anche come linea
del tempo 
5) 油LINEA DEL TEMPO 
Pu嘆 essere un confronto tra linformazione e limmagine di
qualcosa in sequenza (es. da 
una data pi湛 lontana ad una pi湛 vicina oppure da un
concetto semplice ad uno pi湛 complicato) 
6) 油ARTICOLO 
Linfogra鍖ca qui inizia sempre con un titolo forte e in
grande che descrive la statistica. Quindi adatto ad un
contenuto importante che lo renda facile da leggere e da
capire.
INFOGRAPHIC DESIGN

More Related Content

Similar to L'infografica (13)

Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)
andrea_parisi
Datavis
DatavisDatavis
Datavis
Francesco Delai
Come si realizza un'Infografica
Come si realizza un'InfograficaCome si realizza un'Infografica
Come si realizza un'Infografica
OdgToscana
Data visualization e infografiche
Data visualization e infograficheData visualization e infografiche
Data visualization e infografiche
Beabeabea19
Infografica e visualizzazione dei dati
Infografica e visualizzazione dei datiInfografica e visualizzazione dei dati
Infografica e visualizzazione dei dati
Francesco Delai
La data visualization
La data visualizationLa data visualization
La data visualization
SAPIENZA, University of Rome
Saper presentare la propria ricerca Perch辿 la slide "grazie per l'attenzione"...
Saper presentare la propria ricerca Perch辿 la slide "grazie per l'attenzione"...Saper presentare la propria ricerca Perch辿 la slide "grazie per l'attenzione"...
Saper presentare la propria ricerca Perch辿 la slide "grazie per l'attenzione"...
Laboratorio di Cultura Digitale, Universit di Pisa
Infografiche Webmeeting
Infografiche WebmeetingInfografiche Webmeeting
Infografiche Webmeeting
Studio Pleiadi
Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...
Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...
Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...
Social Media Lab
Information design per la didattica
Information design per la didatticaInformation design per la didattica
Information design per la didattica
FF3300 Visual Arts & Design
Comunicare i dati realizzando infografiche
Comunicare i dati realizzando infograficheComunicare i dati realizzando infografiche
Comunicare i dati realizzando infografiche
Giulia Annovi
Infografiche
InfograficheInfografiche
Infografiche
Simone Terenziani
Dalle infografiche al data story telling
Dalle infografiche al data story tellingDalle infografiche al data story telling
Dalle infografiche al data story telling
NicolBazan
Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)Le INFOGRAFICHE (dinamiche)
Le INFOGRAFICHE (dinamiche)
andrea_parisi
Come si realizza un'Infografica
Come si realizza un'InfograficaCome si realizza un'Infografica
Come si realizza un'Infografica
OdgToscana
Data visualization e infografiche
Data visualization e infograficheData visualization e infografiche
Data visualization e infografiche
Beabeabea19
Infografica e visualizzazione dei dati
Infografica e visualizzazione dei datiInfografica e visualizzazione dei dati
Infografica e visualizzazione dei dati
Francesco Delai
Infografiche Webmeeting
Infografiche WebmeetingInfografiche Webmeeting
Infografiche Webmeeting
Studio Pleiadi
Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...
Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...
Duccio Schiavon - Information Design: Visualizzazione di Informazioni Quantit...
Social Media Lab
Comunicare i dati realizzando infografiche
Comunicare i dati realizzando infograficheComunicare i dati realizzando infografiche
Comunicare i dati realizzando infografiche
Giulia Annovi
Dalle infografiche al data story telling
Dalle infografiche al data story tellingDalle infografiche al data story telling
Dalle infografiche al data story telling
NicolBazan

More from Maria Novella Fabiano (8)

Mythos presentazione loghi e immagine coordinata
Mythos presentazione loghi e immagine coordinataMythos presentazione loghi e immagine coordinata
Mythos presentazione loghi e immagine coordinata
Maria Novella Fabiano
Composizione grafica - punto, linea, superficie, gli elementi della grammatic...
Composizione grafica - punto, linea, superficie, gli elementi della grammatic...Composizione grafica - punto, linea, superficie, gli elementi della grammatic...
Composizione grafica - punto, linea, superficie, gli elementi della grammatic...
Maria Novella Fabiano
Henri de Toulouse-Lautrec
Henri de Toulouse-LautrecHenri de Toulouse-Lautrec
Henri de Toulouse-Lautrec
Maria Novella Fabiano
Martin Ritt - Norma Rae
Martin Ritt - Norma RaeMartin Ritt - Norma Rae
Martin Ritt - Norma Rae
Maria Novella Fabiano
Valorizzazione culturale con i media - Canosa di Puglia: una Citt-Museo
Valorizzazione culturale con i media - Canosa di Puglia: una Citt-MuseoValorizzazione culturale con i media - Canosa di Puglia: una Citt-Museo
Valorizzazione culturale con i media - Canosa di Puglia: una Citt-Museo
Maria Novella Fabiano
La composizione e la struttura - Seconda lezione
La composizione e la struttura - Seconda lezioneLa composizione e la struttura - Seconda lezione
La composizione e la struttura - Seconda lezione
Maria Novella Fabiano
L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione
L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione
L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione
Maria Novella Fabiano
Caratteristiche dell'immagine cinematografica
Caratteristiche dell'immagine cinematograficaCaratteristiche dell'immagine cinematografica
Caratteristiche dell'immagine cinematografica
Maria Novella Fabiano
Mythos presentazione loghi e immagine coordinata
Mythos presentazione loghi e immagine coordinataMythos presentazione loghi e immagine coordinata
Mythos presentazione loghi e immagine coordinata
Maria Novella Fabiano
Composizione grafica - punto, linea, superficie, gli elementi della grammatic...
Composizione grafica - punto, linea, superficie, gli elementi della grammatic...Composizione grafica - punto, linea, superficie, gli elementi della grammatic...
Composizione grafica - punto, linea, superficie, gli elementi della grammatic...
Maria Novella Fabiano
Valorizzazione culturale con i media - Canosa di Puglia: una Citt-Museo
Valorizzazione culturale con i media - Canosa di Puglia: una Citt-MuseoValorizzazione culturale con i media - Canosa di Puglia: una Citt-Museo
Valorizzazione culturale con i media - Canosa di Puglia: una Citt-Museo
Maria Novella Fabiano
La composizione e la struttura - Seconda lezione
La composizione e la struttura - Seconda lezioneLa composizione e la struttura - Seconda lezione
La composizione e la struttura - Seconda lezione
Maria Novella Fabiano
L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione
L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione
L'Abc del linguaggio audiovisivo - Le inquadrature - Prima lezione
Maria Novella Fabiano
Caratteristiche dell'immagine cinematografica
Caratteristiche dell'immagine cinematograficaCaratteristiche dell'immagine cinematografica
Caratteristiche dell'immagine cinematografica
Maria Novella Fabiano

L'infografica

  • 1. COSE LINFOGRAFICA L'infogra鍖ca 竪 la rappresentazione in forma visiva di informazioni, dati o conoscenze attraverso la forma gra鍖ca. Grazie a questo strumento 竪 possibile comunicare in modo immediato concetti complessi, per renderli interessanti e accessibili al pubblico.
  • 2. ORIGINI dellINFOGRAFICA 1626 Christoph Scheiner pubblica Rosa Ursina, usando una grande variet di elementi gra鍖ci per spiegare la rotazione del sole. 1786 William Playfair pubblica L'Atlante commerciale e politico. Il volume 竪 pieno di gra鍖ci statistici che rappresentano l'economia del diciottesimo secolo, usando istogrammi e diagrammi a colonna. 1878 James Joseph Sylvester introduce il termine "gra鍖co" e pubblica una serie di diagrammi per rappresentare la relazione fra legami chimici e propriet matematiche. 1861 Charles Joseph Minard usa un gra鍖co seminale, per rappresentare la disastrosa marcia su Mosca di Napoleone. In una singola immagine bidimensionale 竪 riuscito a rappresentare quattro diverse variabili che hanno contribuito al fallimento della marcia: la distanza e la direzione in cui l'esercito viaggi嘆; le quote d'altitudine a cui viaggiarono le truppe; la quantit di soldati morti di fame e per le ferite; le temperature gelide incontrate durante la marcia. 1936 Otto Neurath introduce un sistema di pittogrammi progettati come linguaggio visivo internazionale. Isotype (questo il nome del gruppo di pittogrammi) include una serie di 鍖gure umane stilizzate che saranno la base delle moderne icone di 鍖gure umane al tratto. 1972 Otl Aicher realizza in occasione delle Olimpiadi di Monaco di Baviera, una serie di pittogrammi divenuti molto popolari e che in鍖uenzarono (e continuano ad in鍖uenzare) la stilizzazione della 鍖gura umana, usata in tutta la segnaletica pubblica.
  • 3. ORIGINI dellINFOGRAFICA 1626 - Christoph Scheiner 1786 - William Playfair 1878 - James Joseph Sylvester
  • 4. ORIGINI dellINFOGRAFICA 1861 - Charles Joseph Minard 1936 - Otto Neurath 1972 - Otl Aicher
  • 5. OBIETTIVI DELLINFOGRAFICA Solitamente le infogra鍖che hanno almeno uno di questi 3 obiettivi: - Sempli鍖care il processo decisionale, presentando varie opzioni in modo visuale; - Filtrare e riassumere grandi quantit di dati, in una forma semplice e facile da comprendere; - Presentare informazioni che risulterebbero banali, in modo divertente. L'infogra鍖ca vuole sempli鍖care dati che risulterebbero complicati, o mostrare numeri sorprendenti.
  • 6. OBIETTIVI DELLINFOGRAFICA L'infogra鍖ca RACCONTA UNA STORIA Il nostro cervello vuole sempre trovare un signi鍖cato in ci嘆 che sta guardando. L'infogra鍖ca deve quindi raccontare una storia, che come tutte le storie, ha unintroduzione, uno svolgimento e una 鍖ne. www.youtube.com/watch?v=eERhg2tINyM www.dailymotion.com/video/xgazyx
  • 7. I VANTAGGI DELLUSO DELLINFOGRAFICA La comunicazione attraverso le immagini 竪 un innegabile vantaggio! L'utente: - consuma i dati in maniera di鍖erente dal contesto tradizionale; - percepisce e impara i contenuti in modo pi湛 leggero e accattivante Le infogra鍖che: - supportano questa consultazione di informazioni; - aiutano a conservare nel ricordo i messaggi visualizzati www.youtube.com/watch?feature=player_embedded&v=xekEXM0Vonc
  • 8. LE FORME DELLINFORGRAFICA Linfogra鍖ca 竪 utilizzata per tantissimi scopi e in diverse forme: tabelle; diagrammi di 鍖usso; mappe concettuali; schemi/schemi a blocchi; istogrammi; gra鍖ci; mappe topogra鍖che; sistemi di segnaletica; idee e concetti; processi ed evoluzioni; cronologie e timeline; CV; istruzioni;
  • 9. REGOLE PER UNA BUONA INFOGRAFICA CONTENUTI - Un concetto equivale ad un solo elemento gra鍖co (ricorda di NON esprimere idee diverse associando unimmagine unica); - Quando ricevi dati/informazioni, fai unanalisi individuando i concetti principali, sintetizzandoli in parole- chiave; - Quando trasformi i dati in una forma visiva, pensa in termini di numeri e aggregatori (5 motivi per... 7 cose da...). FORMA Rendi facile la rappresentazione utilizzando: - Molto spazio bianco/alleggerendo spazi e ingombri; - Ogni testo deve essere di facile lettura (usa font puliti e abbastanza grandi); - Non dimenticare che linformazione viene prima della forma, perci嘆 NON dare maggiore importanza allestetica a danno della chiarezza dei contenuti.
  • 10. REGOLE PER UNA BUONA INFOGRAFICA FORMA FONT Non utilizzare pi湛 di 2 tipi di caratteri di鍖erenti. I 2 tipi dovrebbero comunque appartenere alla stessa classe (serif o sans serif). COLORI Un buon modo per scegliere il colore giusto 竪 quello di abbinarlo al tema che si sta trattando: per esempio, se linfogra鍖ca parla di ca鍖竪 si potrebbero utilizzare varie tonalit di marrone. SPAZI Ricorda che pi湛 elementi ci sono, pi湛 si crea confusione. Identi鍖ca gli elementi dellinfogra鍖ca che vuoi evidenziare e crea degli spazi vuoti attorno a loro, separando e distanziando il testo dalle immagini; ORIZZONTALE O VERTICALE? Ricorda che la maggior parte dei siti web e dei dispositivi di connessione mobile processano meglio le immagini orientate in verticale.
  • 11. TIPOLOGIE DI INFOGRAFICA 1. Rende le informazioni pi湛 attraenti 2. Mostra le idee di valore 3. Attira lattenzione 4. E 'pi湛 facile da comprendere 5. Riduce la noia della lettura 6. Risveglia linteresse 7. E intuitiva e accessibile a tutti 8. E convincente 9. E' facilmente memorizzabile 10. E' facile da condividere e ritrasmettere 10 ragioni per cui le Infogra鍖che sono importanti
  • 12. 1. Rende le informazioni pi湛 attraenti TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 13. 2. Mostra le idee di valore; 3. Attira lattenzione; TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 14. 4. E 'pi湛 facile da comprendere 10 ragioni per cui le Infogra鍖che sono importanti TIPOLOGIE DI INFOGRAFICA
  • 15. 5. Riduce la noia della lettura TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 16. 6. Risveglia linteresse TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 17. 7. E intuitiva e accessibile a tutti TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 18. 8. E' convincente 9. E facilmente memorizzabile TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 19. 10. E facile da condividere e ritrasmettere TIPOLOGIE DI INFOGRAFICA 10 ragioni per cui le Infogra鍖che sono importanti
  • 20. Per gestire dati e immagini in modo corretto e funzionale possiamo tenere presente i seguenti modi di organizzare visivamente le informazioni: 1) 油INFOGRAFICA DI UTILITA Quando si hanno tante date da mostrare insieme alle immagini 2) 油CONFRONTO Quando sono molte le informazioni e i disegni da confrontare tra loro 3) 油DATE Usata molto per le strategie di marketing confrontandole con le linee del tempo 4) 油MAPPE STRADALI Linee di una storia o di un viaggio, usata anche come linea del tempo 5) 油LINEA DEL TEMPO Pu嘆 essere un confronto tra linformazione e limmagine di qualcosa in sequenza (es. da una data pi湛 lontana ad una pi湛 vicina oppure da un concetto semplice ad uno pi湛 complicato) 6) 油ARTICOLO Linfogra鍖ca qui inizia sempre con un titolo forte e in grande che descrive la statistica. Quindi adatto ad un contenuto importante che lo renda facile da leggere e da capire. INFOGRAPHIC DESIGN