Del disseny al disseny interactiuMariona GranéComunicació Audiovisual - Universitat de Barcelona
el disseny interactiu, evolució            "La història del disseny digital és la història de la interfície            d’u...
el disseny interactiu, evolució                                        disseny de                                       se...
el disseny interactiu, evolució                                  "Durant més de 500 anys (data                            ...
el disseny interactiu, evolució  la imatge és un llenguatge ?               Anderson, 1961;               Arnheim, 1973;  ...
el disseny interactiu, evolució  Els sistemes de senyalització són «espais transitables informacionalment» ,  espais que p...
avenços clau en disseny visual, senyalització
avenços clau en disseny visual, senyalització  1914-1933 Harry Beck diagrama urbà per a fer el mapa del metro de Londres.
avenços clau en disseny visual, senyalització
estructuració de la informació, la selecciói la presentació en entorns informatius1. grups de treball2. triar un mapa de m...
avenços clau en disseny visual, senyalització
avenços clau en disseny visual, senyalització   1950 Gatwick airport i senyalètica en transports, ferrocarrils, hospitals ...
avenços clau en disseny visual, senyalització        1920: Otto Neurath, polític comunista i economista austriac, pensava ...
avenços clau en disseny visual, senyalització                                                1920: Otto Neurath amb Marie ...
avenços clau en disseny visual, senyalització   1927, el Comité Especial de la Societat de Nacions, crea la unificació   d...
avenços clau en disseny visual, senyalització                                                Atlas Geo-Gràfic Mundial de  ...
avenços clau en disseny visual, senyalització     Referent absolut     de la visualització     de la informació     en est...
avenços clau en disseny visual, senyalització   1920 - el disenyador Peter Behrens i el socioleg Otto Neurathvan treballar...
avenços clau en disseny visual, senyalització   1949 Professors de l’escola d’Ulm a Alemanya, hereus directes de la Bauhau...
avenços clau en disseny visual, senyalització
avenços clau en disseny visual, senyalització Al 1964, primer cop que es crea una imatge gràfica a uns jocs olímpics. blan...
avenços clau en disseny visual, senyalització 1968, Mexico color simbols inexistència de la figura humana
avenços clau en disseny visual, senyalització Otto Aicher, pictogrames dels jocs olímpics de Munich de 1972 Després del 72...
avenços clau en disseny visual, senyalització                                                Moscow 1980
avenços clau en disseny visual, senyalització                                                Nagano 1998
avenços clau en disseny visual, senyalització                                                Barcelona 1992
avenços clau en disseny visual, senyalització                                                Atlanta, 1996
avenços clau en disseny visual, senyalització                                                Beijing 2008
avenços clau en disseny visual, senyalització        London 2012
avenços clau en disseny visual, senyalització                                                1974, Manual de normes       ...
avenços clau en disseny visual, senyalització                   El sistema de símbols dissenyats (AIGA-signs) es          ...
avenços clau en disseny visual, senyalització
avenços clau en disseny visual, senyalització
el disseny interactiu      Aquests avenços representen una acció directe sobre el com es dissenyen      avui les interfici...
el disseny interactiu    leer no mata:    Royo, J.(2004). Diseño Digital. Madrid: Paidós.   Aicher, O. & Krampen, M. (1979...
Ev disseny
Upcoming SlideShare
Loading in...5
×

Ev disseny

481

Published on

design evolution disseny evolucio

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
481
On Slideshare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ev disseny

  1. 1. Del disseny al disseny interactiuMariona GranéComunicació Audiovisual - Universitat de Barcelona
  2. 2. el disseny interactiu, evolució "La història del disseny digital és la història de la interfície d’usuari" (Royo, 2004) la interfície d’un objecte és el medi que ens permet d’utilitzar-lo
  3. 3. el disseny interactiu, evolució disseny de senyalització disseny de la informació disseny editorial disseny interactiu disseny industrial disseny gràfic psicologia desenvolupament cognitiva informàtic
  4. 4. el disseny interactiu, evolució "Durant més de 500 anys (data daparició de la impremta), els dissenyadors (impressors i tipògrafs) ens hem encarregat de generar interfícies llegibles, fàcilment usables, i, sobretot amb una dimensió gràfica o tridimensional que faciliti la comunicació entre lusuari i el món no visible." (Royo, 2004)
  5. 5. el disseny interactiu, evolució la imatge és un llenguatge ? Anderson, 1961; Arnheim, 1973; Barthes, 1980; Collingwood, 1979; De Sausmarez, 1969; Dondis, 1973; Gombrich, 1966; Read, 1961; Ross, 1963; Vernon, 1962; White, 1961
  6. 6. el disseny interactiu, evolució Els sistemes de senyalització són «espais transitables informacionalment» , espais que poden ser llegits i interpretats i que ens permeten moure’ns en un espai físic real. mapes físics > storylines signes > botons i icones disseny informació > infografia
  7. 7. avenços clau en disseny visual, senyalització
  8. 8. avenços clau en disseny visual, senyalització 1914-1933 Harry Beck diagrama urbà per a fer el mapa del metro de Londres.
  9. 9. avenços clau en disseny visual, senyalització
  10. 10. estructuració de la informació, la selecciói la presentació en entorns informatius1. grups de treball2. triar un mapa de metro del món3. cada persona llistar topics personals-professionals4. cada persona crea un linia de metro5. grup, xarxa conectant les linies de cadascú6. quin és el lligam7. passa la grup del costat
  11. 11. avenços clau en disseny visual, senyalització
  12. 12. avenços clau en disseny visual, senyalització 1950 Gatwick airport i senyalètica en transports, ferrocarrils, hospitals i serveis d’anglaterra. El disseny de la informació (des dels mapes fins a la visualització de dades) es desenvolupa més enllà del disseny gràfic, perquè té com a objectiu l’administració d’informació, de continguts que han de ser percebuts i compresos per diferents tipus d’usuaris.
  13. 13. avenços clau en disseny visual, senyalització 1920: Otto Neurath, polític comunista i economista austriac, pensava en crear un llenguatge universal visual per a tothom (proletariat analfabet). Les paraules separen, les imatges uneixen.
  14. 14. avenços clau en disseny visual, senyalització 1920: Otto Neurath amb Marie Reidemeister i Gerd Arntz va crear els Isotypes (International System of Typographic Picture Education). http://www.gerdarntz.org International picture language. The first rules of isotype. 1936
  15. 15. avenços clau en disseny visual, senyalització 1927, el Comité Especial de la Societat de Nacions, crea la unificació de les senyals de circulació. Es van estandaritzar al 1968.
  16. 16. avenços clau en disseny visual, senyalització Atlas Geo-Gràfic Mundial de Herbert Bayer acabat al 1953
  17. 17. avenços clau en disseny visual, senyalització Referent absolut de la visualització de la informació en estat pur. World Geo-graphic Atlas: A Composite of Mans Environment, Herbert Bayer, 1953.
  18. 18. avenços clau en disseny visual, senyalització 1920 - el disenyador Peter Behrens i el socioleg Otto Neurathvan treballar per lempresa alemanya Allgemeine Elektricitäts Gesellschaft AEG … van unificar els elements comunicacionals de lempresa i van donar vida al concepte didentitat corporativa.
  19. 19. avenços clau en disseny visual, senyalització 1949 Professors de l’escola d’Ulm a Alemanya, hereus directes de la Bauhaus (Aicher, Krampen, i Rams,...) desenvolupen la imatge visual coorporativa
  20. 20. avenços clau en disseny visual, senyalització
  21. 21. avenços clau en disseny visual, senyalització Al 1964, primer cop que es crea una imatge gràfica a uns jocs olímpics. blanc i negre pictogrames figura humana
  22. 22. avenços clau en disseny visual, senyalització 1968, Mexico color simbols inexistència de la figura humana
  23. 23. avenços clau en disseny visual, senyalització Otto Aicher, pictogrames dels jocs olímpics de Munich de 1972 Després del 72 tots els pictogrames olímpics han estat variacions del model de Aicher. Munich 1972
  24. 24. avenços clau en disseny visual, senyalització Moscow 1980
  25. 25. avenços clau en disseny visual, senyalització Nagano 1998
  26. 26. avenços clau en disseny visual, senyalització Barcelona 1992
  27. 27. avenços clau en disseny visual, senyalització Atlanta, 1996
  28. 28. avenços clau en disseny visual, senyalització Beijing 2008
  29. 29. avenços clau en disseny visual, senyalització London 2012
  30. 30. avenços clau en disseny visual, senyalització 1974, Manual de normes gràfiques del Programa de Millora del Disseny Federal dels USA. L’AIGA (American Institute of Graphic Arts) dissenya un sistema de símbols referents per al transport públic nacional que es va convertir en un sistema internacional de pictogrames.
  31. 31. avenços clau en disseny visual, senyalització El sistema de símbols dissenyats (AIGA-signs) es manté actualment a nivell internacional i ha traspassat les barreres del disseny físic i de senyalització per adaptar-se al llibre i, posteriorment, al disseny digital i interactiu d’ordinadors, sistemes operatius, programes i aplicacions, entorns web, cd-roms, DVD, etc.
  32. 32. avenços clau en disseny visual, senyalització
  33. 33. avenços clau en disseny visual, senyalització
  34. 34. el disseny interactiu Aquests avenços representen una acció directe sobre el com es dissenyen avui les interficies de pantalla. Juntament amb l’evolució dels ordinadors per arribar a la interfície gràfica.
  35. 35. el disseny interactiu leer no mata: Royo, J.(2004). Diseño Digital. Madrid: Paidós. Aicher, O. & Krampen, M. (1979), Sistemas de signos en la comunicación visual. Barcelona: Gustavo Gili. Meggs, P. B. (1983). Historia del diseño gráfico. Mèxic D. F: Trillas. Hartmann , F. (1997. Speaking Signs. http://www.heise.de/tp/artikel/ 2/2173/1.html Lopez-Alonso, R. (2012). Isotype: Base e inspiración para la infografía . A Gràfica constructiva. http://devnulldesarrollo.blogspot.com.es/2012/06/isotype-base-e-inspiracion-para-la.html
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×