GIF ART DISEÑO GRÁFICO Y ANIMACIÓN APLICADA A LA WEB. 4 Sesiones. DISEÑO Profesora: Mer Cuenca I.E.S SEVERO OCHOA BACHILLERATO DE ARTES PLÁSTICAS

Transcripción

1 GIF ART DISEÑO GRÁFICO Y ANIMACIÓN APLICADA A LA WEB. 4 Sesiones DISEÑO Profesora: Mer Cuenca I.E.S SEVERO OCHOA BACHILLERATO DE ARTES PLÁSTICAS

2 PRÁCTICA DISEÑO DE UN BANNER Formato.Gif Animado Temáticas: - Exposición sobre los trabajos de Lorca. -Carteles de Cine -Libre

3 PRÁCTICA DISEÑO DE UN BANNER Se entrega: - Archivo. Psd ( o el realizado con Gimp) y en.gif - Bocetos previos y diseño de animación (story board) - Justificación

4 RECORDANDO...

5 1. DISEÑO GRÁFICO VS DISEÑO WEB ES LO MISMO?

6 1. DISEÑO GRÁFICO VS DISEÑO WEB Si el diseño gráfico es un instrumento al servicio de un medio de comunicación, impreso o digital, que emplea texto (tipografía), color e imágenes, para llamar la atención sobre un mensaje determinado.

7 1. DISEÑO GRÁFICO VS DISEÑO WEB El diseño tener web en requiere cuenta la navegabilidad, interactividad, y usabilidad, arquitectura de la información. Y, además de emplear texto, utiliza otros medios con los que interaccionar, como son: el audio, la imagen, enlaces y los vídeos. los

8 MEDIOS

9 MEDIOS DISEÑO GRÁFICO MATERIAL IMPRESO DISEÑO WEB PANTALLAS TANGIBLE

10 COLOR

11 COLOR DISEÑO WEB PANTALLAS DISEÑO GRÁFICO MATERIAL IMPRESO TANGIBLE

12 DISPOSICIÓN DE ESPACIOS IMPRESO TAMAÑO DIGITAL MEDIDAS VARIABLE ESTÁNDAR [determinadas por el tamaño de las pantallas] UNIDAD DE MEDIDA BYTES RESOLUCIÓN PULGADAS PÍXELES CENTÍMETROS TAMAÑO GRANDE TAMAÑOS REDUCIDOS 300 PPI 75 PPI

13 2. INTERNET QUÉ ES? Aram Bartholl

14 2. INTERNET QUÉ ES? Internet es una red que comprende distintos tipos y sistemas de comunicación. Esta red es utilizada por los usuarios para muy distintas finalidades. MEDIO DE COMUNICACIÓN ARCHIVO LUGAR TERRITORIO ESPACIO DE TRABAJO ESCAPARATE

15 3. APLICACIONES DEL DISEÑO WEB

16 3. APLICACIONES DEL DISEÑO WEB EL BANNER

17 3. APLICACIONES DEL DISEÑO WEB EL BANNER La forma más elemental de publicidad que consiste en anuncios gráficos insertados en páginas web, que redireccionan al usuario a la página web de la empresa anunciante.

18 FORMATOS SEGÚN EL PESO: - ESTÁNDAR - RICH MEDIA

19 FORMATOS SEGÚN EL PESO: - ESTÁNDAR Peso máximo kb. - RICH MEDIA Más de 50 kb. Un kilobyte: es una unidad de almacenamiento de información.

20 FORMATOS: TAMAÑOS ESTÁNDAR

21 FORMATOS: TAMAÑOS ESTÁNDAR

22 FORMATOS: TAMAÑOS ESTÁNDAR

23 FORMATOS: TAMAÑOS ESTÁNDAR

24 FORMATOS: TAMAÑOS ESTÁNDAR Según el Comité de Estándares del Internet Advertising Bureau, las dimensiones más comunes de los banners son las siguientes: 468x60 (banner completo) 234x60 (medio banner) 392x72 píxeles (full banner) 120x240 píxeles (banner vertical) 125x125 píxeles (botón cuadrado) 120x90 píxeles (botón #1) 120x60 píxeles (botón #2) 88x31 píxeles (micro botón) 90x90 y 80x90 píxeles (banners botón)

25 ANATOMÍA DE UN BANNER 1) Al escribir su banner, no olvide cuál es su objetivo. 2) Póngase en los zapatos de su público. 4) Sea breve. 5) Use palabras que atrapen. 6) Intente diferentes enunciados, avalúe y use el mejor. 7) Use tamaños y formatos estándar. 8) Seleccione tipografías adecuadas. 9) Use inteligentemente el color 10) Use inteligentemente las imágenes. 11) Aproveche la posibilidad de las animaciones.

26 PRÁCTICA

27 PRÁCTICA

28

29

30

31

32

33

34

35

36

37 RESUMIENDO..

38 RESUMIENDO.. - ACTIVIDAD PROPUESTA: DISEÑO BANNER

39 RESUMIENDO.. - ACTIVIDAD PROPUESTA: DISEÑO BANNER - RECORDADO CONCEPTOS ANTERIORES

40 RESUMIENDO.. - ACTIVIDAD PROPUESTA: DISEÑO BANNER - RECORDADO CONCEPTOS ANTERIORES - DIFERENCIAS DEL DISEÑO GRÁFICO Y DEL DISEÑO WEB.

41 RESUMIENDO.. - ACTIVIDAD PROPUESTA: DISEÑO BANNER - RECORDADO CONCEPTOS ANTERIORES - DIFERENCIAS DEL DISEÑO GRÁFICO Y DEL DISEÑO WEB. - INTERNET

42 RESUMIENDO.. - ACTIVIDAD PROPUESTA: DISEÑO BANNER - RECORDADO CONCEPTOS ANTERIORES - DIFERENCIAS DEL DISEÑO GRÁFICO Y DEL DISEÑO WEB. - INTERNET - APLICACIÓN DEL DISEÑO WEB: BANNERS

43 PARA SABER MÁS... - Diseño Web: Qué es un Banner?: - Usabilidad: Guía de Tamaño de Anuncios para la Web:

44