information design - lesson at naba 23.11.2011
DESCRIPTION
A presentation to explore the Information Design processes through the study of graphic solutions, inspirations and case studies. La relazione indagherà i processi di Information Design attraverso lo studio di approcci grafici, soluzioni, ispirazioni e casi di studio.TRANSCRIPT
![Page 1: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/1.jpg)
IDElisa Barbieri @NABA, Milano 23.11.2011
efficacia ed esteticanella comunicazione
information design
![Page 2: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/2.jpg)
intro
information design
“la traduzione di dati complessi, disorganizzati e non strutturati in informazione altamente significativa”
definition
![Page 3: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/3.jpg)
information design
ID
*segnali stradali *mappe*brochure *siti web*libretti d’istruzioni *modulistica*musei dell’arte e della scienza*aeroporti e stazioni*centri commerciali*libri*riviste e giornali
uses
![Page 4: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/4.jpg)
orientationinformation
design
uses
“il fenomeno moderno dell’espansione, in tutti i campi, ha superato le umane capacità di comprensione e il singo-lo individuo deve poter fare affidamento su immagini schematiche”
![Page 5: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/5.jpg)
orientationinformation
design
uses
“in un mondo infinitamente complesso il segno fornisce messaggi organizzati, univoci e universali”
![Page 6: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/6.jpg)
information
design
uses
orientation
originedi una mappa
mappa=articolazione visibile di uno spazio, di un tempo organizzato o in cui accade qualcosa
![Page 7: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/7.jpg)
languages
information design exhibition
National WW1 Museum, Kansas City
![Page 8: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/8.jpg)
intro
information design
ELEMENTI per UN BUON INFORMATION DESIGN:
* capacità di leggere l’ambiente * rispetto del contenuto* approccio orientato al destinatario
“Rendi tutto il più semplice possibile, ma non banale.”
Albert Einstein
![Page 9: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/9.jpg)
star
t
Walt Disney’s 1957 Creative Map
![Page 10: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/10.jpg)
process
information design
how to manage information
“Una mappa mentale è una forma di rappresentazione gerarchico-associativa del pensiero teorizzata dal cognitivista inglese Tony Buzan”.
“Le mappe concettuali sono uno strumento grafico per rappresen-tare informazione e conoscenza, teorizzato da Joseph Novak, negli anni Settanta. Servono per rappre-sentare in un grafico le proprie co-noscenze intorno ad un argomento secondo un principio cognitivo di tipo costruttivista.”
WIKIPEDIA, the free encyclopedia
![Page 11: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/11.jpg)
end
Map of the Future, Wired 2010
![Page 12: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/12.jpg)
information design
ID
* elementi grafici* colore* tipografia* scala* peso* struttura* fotografie* illustrazioni* caratteristiche del supporto(ex: carta/tipologia/piegatureotouch screen/interattivitào suono)
toolkit
![Page 13: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/13.jpg)
information
design
tools
icons GreenpeaceUK ADV campaign against
FADS
![Page 14: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/14.jpg)
illustrationinformation
design
tools
Shout Design Associates, UKby Mark Benham
![Page 15: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/15.jpg)
illustrationinformation
design
tools
![Page 16: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/16.jpg)
graphic elementsinformation
design
tools
![Page 17: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/17.jpg)
groupinginformation
design
tools
![Page 18: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/18.jpg)
linguaggi
information design
illustrationstructureinformation
design
tools
American Istitute of ArchitectsCalifornia Council
![Page 19: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/19.jpg)
scale and weightinformation
design
tools
![Page 20: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/20.jpg)
information
design
tools
scale and weight
![Page 21: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/21.jpg)
type stylinginformation
design
tools
bodoni futura
![Page 22: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/22.jpg)
type stylinginformation
design
tools
![Page 23: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/23.jpg)
colorinformation
design
tools
Bauhaus Dessau, City of Dessauby Designhelden
![Page 24: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/24.jpg)
colorinformation
design
tools
L.A. Institute of Architecture and Design
Catalogue
![Page 25: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/25.jpg)
information design
ID
* graphic designers* architects* product designers* information designers* researchers* designers.....
experts
![Page 26: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/26.jpg)
information
design
casestudies
Centre CulturelFrançais d’Alger
by Chsristophe JacquetakaToffe
![Page 27: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/27.jpg)
information
design
casestudies
Berlin - City in Space project,Vice Versa Verlag
![Page 28: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/28.jpg)
![Page 29: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/29.jpg)
information
design
casestudies
WiredGraphic design by
Nicholas Felton
![Page 30: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/30.jpg)
information
design
origins
dal pensiero all’immagine
![Page 31: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/31.jpg)
originI dell’ABCinformation
design
tools
dal pittogrammaal segno foneticosillabico
![Page 32: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/32.jpg)
originI dell’ABCinformation
design
tools
dal pittogrammaal segno foneticoletterale
![Page 33: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/33.jpg)
information
design
tools
tipografia e spirito dei tempi
![Page 34: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/34.jpg)
tipografia e spirito dei tempi
information
design
tools
![Page 35: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/35.jpg)
tipografia e spirito dei tempi
information
design
tools
![Page 36: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/36.jpg)
scrittura filosofica
I-CHINGcielo/yangterra/yin
information
design
tools
![Page 37: Information Design - lesson at NABA 23.11.2011](https://reader033.vdocuments.mx/reader033/viewer/2022060115/557bef6bd8b42a302d8b4bbc/html5/thumbnails/37.jpg)
intro
information design
REQUISITI PER UN BUON INFORMATION DESIGN:*passione per le domande*occhio per il dettaglio*immaginazione*empatia*capacità di osservazione
Psicologi ed esperti nella percezione umanaci dicono che gli esseri umaniassorbono dati attraverso i sensie li trasformano in qualcosa di memorabile e significativo.Questo può diventare conoscenza permanente.