SlideShare ist ein Scribd-Unternehmen logo
1 von 37
Downloaden Sie, um offline zu lesen
1
                                      .201
                                  3.11
                              no 2
                     A,   Mila
                  NAB
              ri @
            bie




ID
       a Bar
   Elis




information
design
efficacia ed estetica
nella
comunicazione
information
design                      definition

intro
              “la traduzione di dati
              complessi, disorganizzati
              e non strutturati
              in informazione altamente
              significativa”
uses
              *segnali stradali
              *mappe
              *brochure
              *siti web
              *libretti d’istruzioni




ID
              *modulistica
              *musei dell’arte e della
              scienza
              *aeroporti e stazioni
information   *centri commerciali
design        *libri
              *riviste e giornali
n
         atio
        m
    forgn
  in si                     orientation
   de
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”
n
         atio
        m
    forgn
  in si                 orientation
   de
uses
       “in un mondo
       infinitamente
       complesso il
       segno fornisce
       messaggi
       organizzati,
       univoci e
       universali”
n
         atio
        m
    forgn
  in si                            orientation
   de
uses




                 mappa=
                 articolazione
       origine   visibile di uno
       di        spazio, di un
       una       tempo
       mappa     organizzato o
                 in cui accade
                 qualcosa
information
design
                exhibition
              National WW1 Museum, Kansas City


languages
information                    “Rendi tutto il più semplice possibile,
design                         ma non banale.”

                               Albert Einstein

intro

              ELEMENTI per UN BUON
              INFORMATION DESIGN:
              * capacità di leggere l’ambiente
              * rispetto del contenuto
              * approccio orientato al destinatario
Walt Disney’s 1957 Creative Map




                         start
information                                  how to manage information
design
                                                     “Le mappe concettuali sono uno
                                                     strumento grafico per rappresen-
process                                              tare informazione e conoscenza,
                                                     teorizzato da Joseph Novak, negli
                                                     anni Settanta. Servono per rappre-
                                                     sentare in un grafico le proprie co-
          “Una mappa mentale è una forma di          noscenze intorno ad un argomento
          rappresentazione gerarchico-associativa    secondo un principio cognitivo di
          del pensiero teorizzata dal cognitivista   tipo costruttivista.”
          inglese Tony Buzan”.




          WIKIPEDIA, the free encyclopedia
end
Map of the Future, Wired 2010
toolkit
              * elementi grafici
              * colore
              * tipografia
              * scala
              * peso




ID
              * struttura
              * fotografie
              * illustrazioni
              * caratteristiche del supporto
information   (ex: carta/tipologia/piegature
design        o
              touch screen/interattività
              o suono)
n
        matio
    forgn
  in si
   de
tools




icons
                            Greenpeace
                 UK ADV campaign against
                                  FADS
m
       forgn
            atio
                n             illustration
     in si
      de
tools




Shout Design Associates, UK
           by Mark Benham
m
    forgn
         atio
             n   illustration
  in si
   de
tools
n
        matio    graphic elements
    forgn
  in si
   de
tools
n
        matio    grouping
    forgn
  in si
   de
tools
information
         matio
              n                                illustration
                                                  structure
     forgn
   in si
design
    de
tools
linguaggi




             American Istitute of Architects
                         California Council
n
        matio    scale and weight
    forgn
  in si
   de
tools
n
        matio    scale and weight
    forgn
  in si
   de
tools
n
        matio             type styling
    forgn
  in si
   de
tools

                 bodoni         futura
n
        matio    type styling
    forgn
  in si
   de
tools
n
        matio                       color
    forgn
  in si
   de
tools




   Bauhaus Dessau, City of Dessau
                by Designhelden
n
        matio                                 color
    forgn
  in si
   de
tools




                          L.A. Institute of
                 Architecture and Design
                               Catalogue
experts
              * graphic designers
              * architects
              * product designers
              * information designers
              * researchers




ID
              * designers
              .....



information
design
n
         matio
     forgn
   in si
    de
case
studies
                           Centre Culturel
                         Français d’Alger
                  by Chsristophe Jacquet
                                 akaToffe
n
         matio
     forgn
   in si
    de
                  Berlin - City in Space project,
                                Vice Versa Verlag


case
studies
n
         matio
     forgn
   in si
    de
case
studies
                             Wired
                  Graphic design by
                    Nicholas Felton
n
         matio
     forgn
   in si          dal pensiero all’immagine
    de
origins
n
        m
    forgn
  in si
         atio              originI dell’ABC
   de
tools




                 dal pittogramma
                 al segno fonetico
                 sillabico
n
        m
    forgn
  in si
         atio           originI dell’ABC
   de
tools




                 dal pittogramma
                 al segno fonetico
                 letterale
m
    forgn
         atio
             n   tipografia
  in si
   de            e spirito
tools            dei tempi
n
        m
    forgn
  in si
         atio    tipografia
   de            e spirito
tools            dei tempi
n
        m
    forgn
  in si
         atio    tipografia
   de            e spirito
tools            dei tempi
n
        m
    forgn
  in si
         atio           scrittura filosofica
   de
tools




           I-CHING
                     cielo/yang
                     terra/yin
information
design
                                     REQUISITI PER UN BUON
intro
                                     INFORMATION DESIGN:
                                     *passione per le domande
                                     *occhio per il dettaglio
    Psicologi ed esperti             *immaginazione
    nella percezione umana
    ci dicono che gli esseri umani
                                     *empatia
    assorbono dati                   *capacità di osservazione
    attraverso i sensi
    e li trasformano in qualcosa
    di memorabile e significativo.
    Questo può diventare
    conoscenza permanente.

Weitere ähnliche Inhalte

Andere mochten auch

Graphic Design - Lesson 2
Graphic Design  -  Lesson 2Graphic Design  -  Lesson 2
Graphic Design - Lesson 2Jamie Hutt
 
Photo Vocabulary – Animals
Photo Vocabulary – AnimalsPhoto Vocabulary – Animals
Photo Vocabulary – AnimalsJamie Hutt
 
M5 Graphic Design - Lesson 4
M5 Graphic Design - Lesson 4M5 Graphic Design - Lesson 4
M5 Graphic Design - Lesson 4Jamie Hutt
 
Graphic Design - Shapes
Graphic Design - ShapesGraphic Design - Shapes
Graphic Design - ShapesJamie Hutt
 
Basic art lesson shape and form
Basic art lesson shape and formBasic art lesson shape and form
Basic art lesson shape and formEric Micheal
 
Elements of Art - Shapes
Elements of Art - ShapesElements of Art - Shapes
Elements of Art - ShapesJenny Evans
 

Andere mochten auch (9)

Graphic Design - Lesson 2
Graphic Design  -  Lesson 2Graphic Design  -  Lesson 2
Graphic Design - Lesson 2
 
Photo Vocabulary – Animals
Photo Vocabulary – AnimalsPhoto Vocabulary – Animals
Photo Vocabulary – Animals
 
M5 Graphic Design - Lesson 4
M5 Graphic Design - Lesson 4M5 Graphic Design - Lesson 4
M5 Graphic Design - Lesson 4
 
Shape and form
Shape and formShape and form
Shape and form
 
Graphic Design - Shapes
Graphic Design - ShapesGraphic Design - Shapes
Graphic Design - Shapes
 
Basic art lesson shape and form
Basic art lesson shape and formBasic art lesson shape and form
Basic art lesson shape and form
 
Elements of Art: Shape
Elements of Art: ShapeElements of Art: Shape
Elements of Art: Shape
 
Elements of Art - Shapes
Elements of Art - ShapesElements of Art - Shapes
Elements of Art - Shapes
 
Shape form space
Shape form spaceShape form space
Shape form space
 

Ähnlich wie Information Design - lesson at NABA 23.11.2011

Bepart for architecture ITA
Bepart for architecture ITABepart for architecture ITA
Bepart for architecture ITASilvio Busonero
 
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"Coppa+Landini
 
An Introduction to Conceptual Maps
An Introduction to Conceptual MapsAn Introduction to Conceptual Maps
An Introduction to Conceptual Mapsblueflavio
 
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...Italo Marconi
 
Interactive Space
Interactive SpaceInteractive Space
Interactive Spacealice1999
 
Depicting perceived cityscapes
Depicting perceived cityscapesDepicting perceived cityscapes
Depicting perceived cityscapesGiorgia Lupi
 
Slides Enrico Franconi
Slides Enrico FranconiSlides Enrico Franconi
Slides Enrico Franconifacc8
 
Le mappe dei quartieri viventi – studiare Genova con i social media
Le mappe dei quartieri viventi – studiare Genova con i social mediaLe mappe dei quartieri viventi – studiare Genova con i social media
Le mappe dei quartieri viventi – studiare Genova con i social mediaMarna Parodi
 

Ähnlich wie Information Design - lesson at NABA 23.11.2011 (10)

Naba echodesign
Naba echodesignNaba echodesign
Naba echodesign
 
Bepart for architecture ITA
Bepart for architecture ITABepart for architecture ITA
Bepart for architecture ITA
 
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
 
An Introduction to Conceptual Maps
An Introduction to Conceptual MapsAn Introduction to Conceptual Maps
An Introduction to Conceptual Maps
 
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...
il postino di Neruda e il design. Un case study di mobile banking - WIAD 2013...
 
Interactive Space
Interactive SpaceInteractive Space
Interactive Space
 
Depicting perceived cityscapes
Depicting perceived cityscapesDepicting perceived cityscapes
Depicting perceived cityscapes
 
Slides Enrico Franconi
Slides Enrico FranconiSlides Enrico Franconi
Slides Enrico Franconi
 
Rb 2015 xl
Rb 2015 xlRb 2015 xl
Rb 2015 xl
 
Le mappe dei quartieri viventi – studiare Genova con i social media
Le mappe dei quartieri viventi – studiare Genova con i social mediaLe mappe dei quartieri viventi – studiare Genova con i social media
Le mappe dei quartieri viventi – studiare Genova con i social media
 

Information Design - lesson at NABA 23.11.2011

  • 1. 1 .201 3.11 no 2 A, Mila NAB ri @ bie ID a Bar Elis information design efficacia ed estetica nella comunicazione
  • 2. information design definition intro “la traduzione di dati complessi, disorganizzati e non strutturati in informazione altamente significativa”
  • 3. uses *segnali stradali *mappe *brochure *siti web *libretti d’istruzioni ID *modulistica *musei dell’arte e della scienza *aeroporti e stazioni information *centri commerciali design *libri *riviste e giornali
  • 4. n atio m forgn in si orientation de 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”
  • 5. n atio m forgn in si orientation de uses “in un mondo infinitamente complesso il segno fornisce messaggi organizzati, univoci e universali”
  • 6. n atio m forgn in si orientation de uses mappa= articolazione origine visibile di uno di spazio, di un una tempo mappa organizzato o in cui accade qualcosa
  • 7. information design exhibition National WW1 Museum, Kansas City languages
  • 8. information “Rendi tutto il più semplice possibile, design ma non banale.” Albert Einstein intro ELEMENTI per UN BUON INFORMATION DESIGN: * capacità di leggere l’ambiente * rispetto del contenuto * approccio orientato al destinatario
  • 9. Walt Disney’s 1957 Creative Map start
  • 10. information how to manage information design “Le mappe concettuali sono uno strumento grafico per rappresen- process tare informazione e conoscenza, teorizzato da Joseph Novak, negli anni Settanta. Servono per rappre- sentare in un grafico le proprie co- “Una mappa mentale è una forma di noscenze intorno ad un argomento rappresentazione gerarchico-associativa secondo un principio cognitivo di del pensiero teorizzata dal cognitivista tipo costruttivista.” inglese Tony Buzan”. WIKIPEDIA, the free encyclopedia
  • 11. end Map of the Future, Wired 2010
  • 12. toolkit * elementi grafici * colore * tipografia * scala * peso ID * struttura * fotografie * illustrazioni * caratteristiche del supporto information (ex: carta/tipologia/piegature design o touch screen/interattività o suono)
  • 13. n matio forgn in si de tools icons Greenpeace UK ADV campaign against FADS
  • 14. m forgn atio n illustration in si de tools Shout Design Associates, UK by Mark Benham
  • 15. m forgn atio n illustration in si de tools
  • 16. n matio graphic elements forgn in si de tools
  • 17. n matio grouping forgn in si de tools
  • 18. information matio n illustration structure forgn in si design de tools linguaggi American Istitute of Architects California Council
  • 19. n matio scale and weight forgn in si de tools
  • 20. n matio scale and weight forgn in si de tools
  • 21. n matio type styling forgn in si de tools bodoni futura
  • 22. n matio type styling forgn in si de tools
  • 23. n matio color forgn in si de tools Bauhaus Dessau, City of Dessau by Designhelden
  • 24. n matio color forgn in si de tools L.A. Institute of Architecture and Design Catalogue
  • 25. experts * graphic designers * architects * product designers * information designers * researchers ID * designers ..... information design
  • 26. n matio forgn in si de case studies Centre Culturel Français d’Alger by Chsristophe Jacquet akaToffe
  • 27. n matio forgn in si de Berlin - City in Space project, Vice Versa Verlag case studies
  • 28.
  • 29. n matio forgn in si de case studies Wired Graphic design by Nicholas Felton
  • 30. n matio forgn in si dal pensiero all’immagine de origins
  • 31. n m forgn in si atio originI dell’ABC de tools dal pittogramma al segno fonetico sillabico
  • 32. n m forgn in si atio originI dell’ABC de tools dal pittogramma al segno fonetico letterale
  • 33. m forgn atio n tipografia in si de e spirito tools dei tempi
  • 34. n m forgn in si atio tipografia de e spirito tools dei tempi
  • 35. n m forgn in si atio tipografia de e spirito tools dei tempi
  • 36. n m forgn in si atio scrittura filosofica de tools I-CHING cielo/yang terra/yin
  • 37. information design REQUISITI PER UN BUON intro INFORMATION DESIGN: *passione per le domande *occhio per il dettaglio Psicologi ed esperti *immaginazione nella percezione umana ci dicono che gli esseri umani *empatia assorbono dati *capacità di osservazione attraverso i sensi e li trasformano in qualcosa di memorabile e significativo. Questo può diventare conoscenza permanente.