Information Design - lesson at NABA 23.11.2011

37
ID Elisa Barbieri @NABA, Milano 23.11.2011 efficacia ed estetica nella comunicazione information design

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 of Information Design - lesson at NABA 23.11.2011

Page 1: Information Design - lesson at NABA 23.11.2011

IDElisa Barbieri @NABA, Milano 23.11.2011

efficacia ed esteticanella comunicazione

information design

Page 2: Information Design - lesson at NABA 23.11.2011

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

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

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

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

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

languages

information design exhibition

National WW1 Museum, Kansas City

Page 8: Information Design - lesson at NABA 23.11.2011

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

star

t

Walt Disney’s 1957 Creative Map

Page 10: Information Design - lesson at NABA 23.11.2011

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

end

Map of the Future, Wired 2010

Page 12: Information Design - lesson at NABA 23.11.2011

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

information

design

tools

icons GreenpeaceUK ADV campaign against

FADS

Page 14: Information Design - lesson at NABA 23.11.2011

illustrationinformation

design

tools

Shout Design Associates, UKby Mark Benham

Page 15: Information Design - lesson at NABA 23.11.2011

illustrationinformation

design

tools

Page 16: Information Design - lesson at NABA 23.11.2011

graphic elementsinformation

design

tools

Page 17: Information Design - lesson at NABA 23.11.2011

groupinginformation

design

tools

Page 18: Information Design - lesson at NABA 23.11.2011

linguaggi

information design

illustrationstructureinformation

design

tools

American Istitute of ArchitectsCalifornia Council

Page 19: Information Design - lesson at NABA 23.11.2011

scale and weightinformation

design

tools

Page 20: Information Design - lesson at NABA 23.11.2011

information

design

tools

scale and weight

Page 21: Information Design - lesson at NABA 23.11.2011

type stylinginformation

design

tools

bodoni futura

Page 22: Information Design - lesson at NABA 23.11.2011

type stylinginformation

design

tools

Page 23: Information Design - lesson at NABA 23.11.2011

colorinformation

design

tools

Bauhaus Dessau, City of Dessauby Designhelden

Page 24: Information Design - lesson at NABA 23.11.2011

colorinformation

design

tools

L.A. Institute of Architecture and Design

Catalogue

Page 25: Information Design - lesson at NABA 23.11.2011

information design

ID

* graphic designers* architects* product designers* information designers* researchers* designers.....

experts

Page 26: Information Design - lesson at NABA 23.11.2011

information

design

casestudies

Centre CulturelFrançais d’Alger

by Chsristophe JacquetakaToffe

Page 27: Information Design - lesson at NABA 23.11.2011

information

design

casestudies

Berlin - City in Space project,Vice Versa Verlag

Page 28: Information Design - lesson at NABA 23.11.2011
Page 29: Information Design - lesson at NABA 23.11.2011

information

design

casestudies

WiredGraphic design by

Nicholas Felton

Page 30: Information Design - lesson at NABA 23.11.2011

information

design

origins

dal pensiero all’immagine

Page 31: Information Design - lesson at NABA 23.11.2011

originI dell’ABCinformation

design

tools

dal pittogrammaal segno foneticosillabico

Page 32: Information Design - lesson at NABA 23.11.2011

originI dell’ABCinformation

design

tools

dal pittogrammaal segno foneticoletterale

Page 33: Information Design - lesson at NABA 23.11.2011

information

design

tools

tipografia e spirito dei tempi

Page 34: Information Design - lesson at NABA 23.11.2011

tipografia e spirito dei tempi

information

design

tools

Page 35: Information Design - lesson at NABA 23.11.2011

tipografia e spirito dei tempi

information

design

tools

Page 36: Information Design - lesson at NABA 23.11.2011

scrittura filosofica

I-CHINGcielo/yangterra/yin

information

design

tools

Page 37: Information Design - lesson at NABA 23.11.2011

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.