1. Del disseny al disseny interactiuMariona GranComunicaci Audiovisual - Universitat de Barcelona

2. el disseny interactiu, evoluci"La histria del disseny digital s la histria de la interfciedusuari" (Royo, 2004) la interfcie dun objecte s el medi que ens permet dutilitzar-lo 3. el disseny interactiu, evolucidisseny de senyalitzaci disseny dela informaci disseny editorialdisseny interactiu dissenyindustrial dissenygrficpsicologiadesenvolupament cognitiva informtic 4. el disseny interactiu, evoluci"Durant ms de 500 anys (datadaparici de la impremta), elsdissenyadors (impressors itipgrafs) ens hem encarregatde generar interfcies llegibles,fcilment usables, i, sobretotamb una dimensi grfica otridimensional que faciliti lacomunicaci entre lusuari i elmn no visible." (Royo, 2004) 5. el disseny interactiu, evolucila 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, evoluciEls sistemes de senyalitzaci sn espais transitables informacionalment ,espais que poden ser llegits i interpretats i que ens permeten mourens en unespai fsic real.mapes fsics > storylinessignes > botons i iconesdisseny informaci > infografia 7. avenos clau en disseny visual, senyalitzaci 8. avenos clau en disseny visual, senyalitzaci1914-1933 Harry Beck diagrama urb per a fer el mapa del metro de Londres. 9. avenos clau en disseny visual, senyalitzaci 10. estructuraci de la informaci, la seleccii la presentaci en entorns informatius1. grups de treball2. triar un mapa de metro del mn3. cada persona llistar topics personals-professionals4. cada persona crea un linia de metro5. grup, xarxa conectant les linies de cadasc6. quin s el lligam7. passa la grup del costat 11. avenos clau en disseny visual, senyalitzaci 12. avenos clau en disseny visual, senyalitzaci 1950 Gatwick airport i senyaltica en transports, ferrocarrils, hospitals i serveis danglaterra. El disseny de la informaci (des dels mapes fins a la visualitzaci de dades) es desenvolupa ms enll del disseny grfic, perqu t com a objectiu ladministraci dinformaci, de continguts que han de ser percebuts i compresos per diferents tipus dusuaris. 13. avenos clau en disseny visual, senyalitzaci1920: Otto Neurath, poltic comunista i economista austriac, pensava en crearun llenguatge universal visual per a tothom (proletariat analfabet). Les paraules separen,les imatges uneixen. 14. avenos clau en disseny visual, senyalitzaci1920: Otto Neurath amb Marie Reidemeister i GerdArntz va crear els Isotypes (International Systemof Typographic Picture Education).http://www.gerdarntz.org International picture language. The first rules of isotype. 1936 15. avenos 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. avenos clau en disseny visual, senyalitzaciAtlas Geo-Grfic Mundial deHerbert Bayer acabat al 1953 17. avenos clau en disseny visual, senyalitzaci Referent absolut de la visualitzaci de la informaci en estat pur.World Geo-graphic Atlas: AComposite of Mans Environment,Herbert Bayer, 1953. 18. avenos clau en disseny visual, senyalitzaci 1920 - el disenyador Peter Behrens i el socioleg Otto Neurathvan treballar per lempresa alemanya Allgemeine Elektricitts Gesellschaft AEG van unificar els elements comunicacionals de lempresa i van donar vida al concepte didentitat corporativa. 19. avenos clau en disseny visual, senyalitzaci 1949 Professors de lescola dUlm a Alemanya, hereus directes de la Bauhaus (Aicher, Krampen, i Rams,...) desenvolupen la imatge visual coorporativa 20. avenos clau en disseny visual, senyalitzaci 21. avenos clau en disseny visual, senyalitzaci Al 1964, primer cop que es crea una imatge grfica a uns jocs olmpics. blanc i negre pictogrames figura humana 22. avenos clau en disseny visual, senyalitzaci 1968, Mexico color simbols inexistncia de la figura humana 23. avenos clau en disseny visual, senyalitzaci Otto Aicher, pictogrames dels jocs olmpics de Munich de 1972 Desprs del 72 tots els pictogrames olmpics han estat variacions del model de Aicher. Munich 1972 24. avenos clau en disseny visual, senyalitzaciMoscow 1980 25. avenos clau en disseny visual, senyalitzaciNagano 1998 26. avenos clau en disseny visual, senyalitzaciBarcelona 1992 27. avenos clau en disseny visual, senyalitzaciAtlanta, 1996 28. avenos clau en disseny visual, senyalitzaciBeijing 2008 29. avenos clau en disseny visual, senyalitzaciLondon 2012 30. avenos clau en disseny visual, senyalitzaci1974, Manual de normesgrfiques del Programa deMillora del Disseny Federaldels USA.LAIGA (American Instituteof Graphic Arts) dissenyaun sistema de smbolsreferents per al transportpblic nacional que es vaconvertir en un sistemainternacional de pictogrames. 31. avenos clau en disseny visual, senyalitzaci El sistema de smbols dissenyats (AIGA-signs) es mant actualment a nivell internacional i ha traspassat les barreres del disseny fsic i de senyalitzaci per adaptar-se al llibre i, posteriorment, al disseny digital i interactiu dordinadors, sistemes operatius, programes i aplicacions, entorns web, cd-roms, DVD, etc. 32. avenos clau en disseny visual, senyalitzaci 33. avenos clau en disseny visual, senyalitzaci 34. el disseny interactiuAquests avenos representen una acci directe sobre el com es dissenyenavui les interficies de pantalla.Juntament amb levoluci dels ordinadors per arribar a la interfcie grfica. 35. el disseny interactiuleer no mata:Royo, J.(2004). Diseo Digital. Madrid: Paids. Aicher, O. & Krampen, M. (1979), Sistemas de signos en la comunicacin visual. Barcelona: Gustavo Gili. Meggs, P. B. (1983). Historia del diseo grfico. Mxic 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 inspiracin para la infografa . A Grfica constructiva. http://devnulldesarrollo.blogspot.com.es/2012/06/isotype-base-e-inspiracion-para-la.html