design evolution disseny evolucio

1. Del disseny al disseny interactiu
Mariona Grané
Comunicació Audiovisual - Universitat de Barcelona

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. 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. el disseny interactiu, evolució
"Durant més de 500 anys (data
d'aparició 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 l'usuari i el
món no visible."
(Royo, 2004)

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. 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. avenços clau en disseny visual, senyalització

8. avenços clau en disseny visual, senyalització
1914-1933 Harry Beck diagrama urbà per a fer el mapa del metro de Londres.

9. avenços clau en disseny visual, senyalització

10. estructuració de la informació, la selecció
i la presentació en entorns informatius
1. grups de treball
2. triar un mapa de metro del món
3. cada persona llistar topics personals-professionals
4. cada persona crea un linia de metro
5. grup, xarxa conectant les linies de cadascú
6. quin és el lligam
7. passa la grup del costat

11. avenços clau en disseny visual, senyalització

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. 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. 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

16. 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.

17. avenços clau en disseny visual, senyalització
Atlas Geo-Gràfic Mundial de
Herbert Bayer acabat al 1953

18. 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 Man's Environment,
Herbert Bayer, 1953.

19. avenços clau en disseny visual, senyalització
1920 - el disenyador Peter Behrens i el socioleg Otto Neurathvan treballar per
l'empresa alemanya Allgemeine Elektricitäts Gesellschaft AEG … van unificar els
elements comunicacionals de l'empresa i van donar vida al concepte d'identitat
corporativa.

20. 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

21. avenços clau en disseny visual, senyalització

22. 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

23. avenços clau en disseny visual, senyalització
1968, Mexico
color
simbols
inexistència de la figura humana

24. 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

25. avenços clau en disseny visual, senyalització
Moscow 1980

26. avenços clau en disseny visual, senyalització
Nagano 1998

27. avenços clau en disseny visual, senyalització
Barcelona 1992

28. avenços clau en disseny visual, senyalització
Atlanta, 1996

29. avenços clau en disseny visual, senyalització
Beijing 2008

30. avenços clau en disseny visual, senyalització
London 2012

31. 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.

32. 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.

33. avenços clau en disseny visual, senyalització

34. avenços clau en disseny visual, senyalització

35. 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.

36. 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