Download - No lo escribas, ¡dibújalo!

Transcript
Page 2: No lo escribas, ¡dibújalo!

No lo escribas, ¡dibújalo!El valor de la infográfia.

Page 3: No lo escribas, ¡dibújalo!

La importancia de los contenidos

Page 4: No lo escribas, ¡dibújalo!

La importancia de los contenidos

Por orden de Peso Visual:

• Titulo • Subtítulo • Entradilla (Lead) • Cuerpo de Texto

Page 5: No lo escribas, ¡dibújalo!

La importancia de los contenidosEyeTrack

Page 6: No lo escribas, ¡dibújalo!

La importancia de los contenidos

Investigaciones de Eyetrack revelan lo siguiente:

• Lo primero que llama la atención de los lectores al entrar a una pagina web es el texto; buscan leer artículos breves.

• Luego se enfocan en las fotografías y gráficos, mientras que los artículos impresos lo contrario.

✴ Es necesario evitar el Ruido

Page 7: No lo escribas, ¡dibújalo!

Características de las imágenes

Imágenes Accesibles

• Formatos: PNG, JPG, GIF

• Resolución: 72 ppi

• Tamaños de imagen 1:1. (Para tamaños mayores enlazarlas)

Page 8: No lo escribas, ¡dibújalo!

Pictogramas

Page 9: No lo escribas, ¡dibújalo!

Pictogramas

Page 10: No lo escribas, ¡dibújalo!

Pictogramas

Page 11: No lo escribas, ¡dibújalo!

Pictogramas

Page 12: No lo escribas, ¡dibújalo!

Iconografías

Page 13: No lo escribas, ¡dibújalo!

¿Qué es una Infografía?

Page 14: No lo escribas, ¡dibújalo!

Definición Infografía

• Info: Información, Grafía: griego “grafos” • La infografía es una interpretación visual, gráfica o icónica de la información. • Está formada de infogramas: figuras, mapas, viñetas, fotografías, esquemas o diagramas. • Proporciona una información con una sola mirada.

Page 15: No lo escribas, ¡dibújalo!

Estructura Infografía

• Titular: sintetiza el contenido de la información. • Subtítulo: sirve para reforzar el título. • Cuerpo de Texto: contenido en forma de texto de la información. • Elementos Visuales: que refuerzan el contenido global y textual. • Fecha y autoría. • Fuente: dónde se recopilaron los datos.

Page 16: No lo escribas, ¡dibújalo!

Tipos de Infografías

• Estadística: basadas exclusivamente en datos estadísticos.

• Conceptual: utilizan elementos gráficos para explicar un concepto.

• Mapas: tienen la función de mostrar un proceso de producción o realización.

• Cartoons: muestran ideas, conceptos, escenarios.

• Información: dan información especifica.

• TimeLines: muestran la evolución de un proceso.

Page 17: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 18: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 19: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 20: No lo escribas, ¡dibújalo!

Usos de las Infografías

Page 21: No lo escribas, ¡dibújalo!

Tipos de Infografías

• Estáticas • Dinámicas • Interactivas

Page 22: No lo escribas, ¡dibújalo!

Fases de creación Infografías

• Recopilación de Información • Análisis • Síntesis • Salida

Page 23: No lo escribas, ¡dibújalo!

Marca

Page 24: No lo escribas, ¡dibújalo!

Ernesto Olivares

Page 26: No lo escribas, ¡dibújalo!

El Mundo

Page 27: No lo escribas, ¡dibújalo!

Contenidos Accesibles

• Formatos: PNG, JPG, GIF

• Resolución: 72 ppi

• Tamaños de imagen 1:1. (Para tamaños mayores enlazarlas)

Imágenes

• Formatos: mp4, Mpeg-2 códec H.264

• Tamaños: 720 x 480 píxeles (4:3) 1280x720 (16:9 HD)

Vídeos

• Formatos: Html5, Css3 y Javascript

• NO FLASH

Interactividad

Page 28: No lo escribas, ¡dibújalo!

Contenidos Accesibles

Page 30: No lo escribas, ¡dibújalo!

Around the World

Page 31: No lo escribas, ¡dibújalo!

Malofiej

Page 32: No lo escribas, ¡dibújalo!

Herramientas para la creación de Infografías

Page 33: No lo escribas, ¡dibújalo!

infogr.am

Page 34: No lo escribas, ¡dibújalo!

Piktochart

Page 35: No lo escribas, ¡dibújalo!

easelly

Page 36: No lo escribas, ¡dibújalo!

visual.ly

Page 37: No lo escribas, ¡dibújalo!

Adobe Edge

Page 38: No lo escribas, ¡dibújalo!

Ventajas con el uso de Infografías

Page 39: No lo escribas, ¡dibújalo!

Ventajas al usar Infografías

• Fácil comprensión • Útil • Tráfico • Viralización en Redes Sociales

Page 40: No lo escribas, ¡dibújalo!

Ventajas infografía