Disseny comunicatiu elements. entorns multimedia orientats a la formació

Transcripción

1 Disseny comunicatiu elements entorns multimedia orientats a la formació CAV UB

2 disseny interactiu elementos en pantalla diseño de pantalla diseño del entorno

3 disseny interactiu elements en pantalla en un material multimèdia Texto en la web Imagen fotográfica Imagen de ilustración Símbolos e iconos Animación Vídeo Áudio (música) Áudio (efectes) Áudio (llenguatge) Tipografía Color Botones Menús Ventanas flotantes Enlaces (links) etc

4 disseny interactiu disseny de la interfície Distribució visual Senzillesa visual Percepcions visuals Atenció visual Models i referents mentals Organització dels continguts Estètica Legibilitat Color Interacció a la Interficie Usabilitat en la interacció

5 disseny interactiu disseny de l entorn web Consistència Coherencia Repeticions Dreceres Ergonomia Economia Narració Sistemes i estructures de navegació: Estructura lineal Estructura jeràrquica Estructura de xarxa Hipertext-Hipermedia Desestructuració

6 El texto La imagen Imagen fija En movimiento Sonido

7 el texto, escribir para la web Lo primero al escribir para Internet es saber escribir Garcia Márquez el usuario no lee escribir para barrido visual, captar la atención brevedad, sencillez y claridad, precisión piramide invertida no usar lenguaje complejo ni barbarismos Escribir pensando en visual titulos y subtítulos resúmenes, tablas, frases clave, marcar textos o palabras para destacar usar listas separar la información en párrafos, en pantallas

8 el texto, escribir para la web

9 la imagen Tipos de imágenes Fotografías Ilustración realista, de caricatura, cómic, Mapas geográficos o de conceptos Esquemas gráficos Tablas Iconos Botones Tridimensionales Animaciones Videos

10 la imagen Funciones de la imagen Estético motivadora Explicativa De refuerzo Informativa en si misma Como base análisis De demarcación de temáticas De comprensión de procesos Evaluativa La imagen es el contenido

11 la imagen fija Legibilidad (tamaño, contraste, estilos) Combinación adecuada de colores Consistencia y coherencia entre imágenes de la pantalla

12 la imagen fija

13 la imagen fija lovelydesign.com

14 la imagen fija

15 la imagen fija

16 Diseño de la pantalla la imagen

17 Diseño de la pantalla la imagen es el contenido "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)

18 Diseño de la pantalla la imagen es el contenido infografia 1933 Harry Beck diagrama urbà per a fer el mapa del metro

19 Diseño de la pantalla la imagen es el contenido infografia 1920 Otto Neurath Isotype International System of Typographic Picture Education

20 Diseño de la pantalla la imagen es el contenido infografia 1927, el Comité Especial de la Societat de Nacions unificació de les senyals de circulació

21 Diseño de la pantalla la imagen es el contenido infografia Atlas Geo-Gràfic Mundial de Herbert Bayer acabat al 1953

22 Diseño de la pantalla la imagen es el contenido infografia 1974, Manual de normes gràfiques del Programa de Millora del Disseny Federal dels USA que cobreix aspectes de disseny en gairebé tots els àmbits: arquitectura, paisatgisme, planificació d'espais, i disseny gràfic I alhora es va encarregar al AIGA (American Institute of Graphic Arts) que dissenyés un sistema de símbols referents per al transport públic nacional que es va convertir en un sistema internacional.

23 Diseño de la pantalla la imagen es el contenido Infografia en diaris i revistes infografia

24 la imagen en movimiento Creación de guiones Continuidad de estilos Formatos Transiciones y ritmos

25 la imagen en movimiento, tipos y usos QTVR panoramic

26 la imagen en movimiento, tipos y usos Video 1, explicar de viva voz Video 2, mostrar para entender Science please:

27 la imagen en movimiento, tipos y usos QTVR de un objeto QTVR panoramico

28 la imagen en movimiento, tipos y usos QTVR panoramic

29 la imagen en movimiento, tipos y usos QTVR con efectos

30 la imagen en movimiento, tipos y usos animacion de un proceso Animaciones 3d

31 La infografia animada

32 abuseweb.net/

33 el sonido Escoger músicas y sonidos Utilizarlos según objetivos Discernir ante la necesidad y la ilustración Adecuación del sonido al estilo y los contenidos Sonido como contenido

34 La usabilitat en el disseny interactiu Un esquema: Garret, J.J. (2000). Los elementos de la experiencia del usuario. Un article: Hassan, Y; Fernández, FJ; M., & Iazza, G. (2004). Diseño web centrado en el usuario: Usabilidad y arquitectura de la información. Un blog: Una revista: Faz, revista de diseño de interacción. Un llibre: Krug, S. (2006). No me hagas pensar: Una aproximación a la usabilidad en la web. Madrid: Prentice Hall.

35