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

Ev disseny

  • Upload
    imona06

  • View
    500

  • Download
    2

Embed Size (px)

DESCRIPTION

design evolution disseny evolucio

Citation preview

Page 1: Ev disseny

Mariona GranéComunicació Audiovisual - Universitat de Barcelona

Del disseny al disseny interactiu

Page 2: Ev disseny

"La història del disseny digital és la història de la interfície d’usuari"

(Royo, 2004)

el disseny interactiu, evolució

la interfície d’un objecte és el medi que ens permet d’utilitzar-lo

Page 3: Ev disseny

el disseny interactiu, evolució

dissenyinteractiu

dissenygràfic

disseny dela informació

disseny desenyalització

dissenyindustrial

dissenyeditorial

desenvolupamentinformàtic

psicologia cognitiva

Page 4: Ev disseny

"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)

el disseny interactiu, evolució

Page 5: Ev disseny

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

Page 6: Ev disseny

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 > storylinessignes > botons i iconesdisseny informació > infografia

Page 7: Ev disseny

avenços clau en disseny visual, senyalització

Page 8: Ev disseny

1914-1933 Harry Beck diagrama urbà per a fer el mapa del metro de Londres.

avenços clau en disseny visual, senyalització

Page 9: Ev disseny

avenços clau en disseny visual, senyalització

Page 10: Ev disseny

estructuració de la informació, la selecciói la presentació en entorns informatius

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

Page 11: Ev disseny

avenços clau en disseny visual, senyalització

Page 12: Ev disseny

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.

Page 13: Ev disseny

1920: Otto Neurath, polític comunista i economista austriac, pensava en crear un llenguatge universal visual per a tothom (proletariat analfabet).

avenços clau en disseny visual, senyalització

Les paraules separen,les imatges uneixen.

Page 14: Ev disseny

1920: Otto Neurath amb Marie Reidemeister i Gerd Arntz va crear els Isotypes (International System of Typographic Picture Education). http://www.gerdarntz.org

avenços clau en disseny visual, senyalització

International picture language. The first rules of isotype. 1936

Page 15: Ev disseny
Page 16: Ev disseny

1927, el Comité Especial de la Societat de Nacions, crea la unificació de les senyals de circulació. Es van estandaritzar al 1968.

avenços clau en disseny visual, senyalització

Page 17: Ev disseny

Atlas Geo-Gràfic Mundial deHerbert Bayer acabat al 1953

avenços clau en disseny visual, senyalització

Page 18: Ev disseny

avenços clau en disseny visual, senyalització

Referent absolut de la visualització de la informació en estat pur.

Wo r l d G e o - g r a p h i c A t l a s : A Composite of Man's Environment, Herbert Bayer, 1953.

Page 19: Ev disseny

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.

Page 20: Ev disseny

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

Page 21: Ev disseny

avenços clau en disseny visual, senyalització

Page 22: Ev disseny

Al 1964, primer cop que es crea una imatge gràfica a uns jocs olímpics.

blanc i negrepictogramesfigura humana

avenços clau en disseny visual, senyalització

Page 23: Ev disseny

1968, Mexico

colorsimbolsinexistència de la figura humana

avenços clau en disseny visual, senyalització

Page 24: Ev disseny

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.

avenços clau en disseny visual, senyalització

Munich 1972

Page 25: Ev disseny

avenços clau en disseny visual, senyalització

Moscow 1980

Page 26: Ev disseny

avenços clau en disseny visual, senyalització

Nagano 1998

Page 27: Ev disseny

avenços clau en disseny visual, senyalització

Barcelona 1992

Page 28: Ev disseny

avenços clau en disseny visual, senyalització

Atlanta, 1996

Page 29: Ev disseny

avenços clau en disseny visual, senyalització

Beijing 2008

Page 30: Ev disseny

avenços clau en disseny visual, senyalització

London 2012

Page 31: Ev disseny

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 convert i r en un sistema internacional de pictogrames.

avenços clau en disseny visual, senyalització

Page 32: Ev disseny

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.

avenços clau en disseny visual, senyalització

Page 33: Ev disseny

avenços clau en disseny visual, senyalització

Page 34: Ev disseny

avenços clau en disseny visual, senyalització

Page 35: Ev disseny

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.

Page 36: Ev disseny

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