0
No lo escribas, ¡dibújalo!
El valor de la infográfia.
La importancia de los contenidos
La importancia de los contenidos

Por orden de Peso Visual:



• Titulo
• Subtítulo
• Entradilla (Lead)
• Cuerpo de Texto
La importancia de los contenidos
EyeTrack
La importancia de los contenidos

Investigaciones de Eyetrack revelan lo siguiente: 


• Lo primero que llama la atención ...
Características de las imágenes

Imágenes Accesibles 




• Formatos: PNG, JPG, GIF
• Resolución: 72 ppi
• Tamaños de imag...
Pictogramas
Pictogramas
Pictogramas
Pictogramas
Iconografías
¿Qué es una
Infografía?
Definición Infografía
• Info: Información, Grafía: griego “grafos”
• La infografía es una interpretación visual, gráfica
o ...
Estructura Infografía
• Titular: sintetiza el contenido de la información.
• Subtítulo: sirve para reforzar el título.
• C...
Tipos de Infografías
• Estadística: basadas exclusivamente en datos
estadísticos.

• Conceptual: utilizan elementos gráfic...
Usos de las Infografías
Usos de las Infografías
Usos de las Infografías
Usos de las Infografías
Tipos de Infografías

• Estáticas
• Dinámicas
• Interactivas
Fases de creación Infografías

• Recopilación de Información
• Análisis
• Síntesis
• Salida
Marca
Ernesto Olivares
Marca
El Mundo
Contenidos Accesibles
Imágenes
• Formatos: PNG, JPG, GIF
• Resolución: 72 ppi
• Tamaños de imagen 1:1. (Para tamaños mayor...
Contenidos Accesibles
Contenidos Accesibles
Around the World
Malofiej
Herramientas para
la creación de Infografías
infogr.am
Piktochart
easelly
visual.ly
Adobe Edge
Ventajas con el uso
de Infografías
Ventajas al usar Infografías

• Fácil comprensión
• Útil
• Tráfico
• Viralización en Redes Sociales
Ventajas infografía
info@nextstudio.org
No lo escribas, ¡dibújalo!
Upcoming SlideShare
Loading in...5
×

No lo escribas, ¡dibújalo!

530

Published on

Muchas veces manejamos gran cantidad de información que, por su volumen y complejidad, es difícil de comunicar a través de la web y hacerlo de forma comprensible y amena para nuestro cliente.

Hay estudios contrastado que demuestra que nuestro cerebro asimila más y mejor una información a visual que en cualquier otro formato. Pues, ¿por qué no aprovecharlo?

La infografía consiste en convertir la información en elementos gráficos, de manera que facilite su comprensión y la transmisión del mensaje.

En este webinar conoceremos cómo reducir el contenido de texto de su site, por una información gráfica e interactiva. La intención es mejorar la experiencia del usuario y la comunicación recibida.

Muchas veces manejamos gran cantidad de información, que por su volumen y complejidad, es difícil de comunicar a través de la web. Cómo nuestro cerebro asimila más fácilmente una información a nivel visual, ¿por qué no aprovecharlo? La infografía consiste en convertir la información en elementos gráficos, de manera que facilite su comprensión y la transmisión de nuestro mensaje.
Algunos de los puntos que veremos durante el desarrollo del mismo son:
La importancia de los contenidos
El peso visual de la composición
Características de las imágenes
Los pictogramas
El significado de las imágenes
El Pensamiento Visual
¿Qué es una infografía?
Ventajas de la infografía
Usos infográficos
Tipos de infografías
Estructura de la infografía
Fases de creación de una infografía
Herramientas para la creación de contenidos infográficos
Distribución
Analítica y seguimiento

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
530
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "No lo escribas, ¡dibújalo!"

  1. 1. No lo escribas, ¡dibújalo! El valor de la infográfia.
  2. 2. La importancia de los contenidos
  3. 3. La importancia de los contenidos Por orden de Peso Visual: • Titulo • Subtítulo • Entradilla (Lead) • Cuerpo de Texto
  4. 4. La importancia de los contenidos EyeTrack
  5. 5. 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
  6. 6. 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)
  7. 7. Pictogramas
  8. 8. Pictogramas
  9. 9. Pictogramas
  10. 10. Pictogramas
  11. 11. Iconografías
  12. 12. ¿Qué es una Infografía?
  13. 13. 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.
  14. 14. 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.
  15. 15. 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.
  16. 16. Usos de las Infografías
  17. 17. Usos de las Infografías
  18. 18. Usos de las Infografías
  19. 19. Usos de las Infografías
  20. 20. Tipos de Infografías • Estáticas • Dinámicas • Interactivas
  21. 21. Fases de creación Infografías • Recopilación de Información • Análisis • Síntesis • Salida
  22. 22. Marca
  23. 23. Ernesto Olivares
  24. 24. Marca
  25. 25. El Mundo
  26. 26. Contenidos Accesibles Imágenes • Formatos: PNG, JPG, GIF • Resolución: 72 ppi • Tamaños de imagen 1:1. (Para tamaños mayores enlazarlas) Vídeos • Formatos: mp4, Mpeg-2 códec H.264 • Tamaños: 720 x 480 píxeles (4:3) 1280x720 (16:9 HD) Interactividad • Formatos: Html5, Css3 y Javascript • NO FLASH
  27. 27. Contenidos Accesibles
  28. 28. Contenidos Accesibles
  29. 29. Around the World
  30. 30. Malofiej
  31. 31. Herramientas para la creación de Infografías
  32. 32. infogr.am
  33. 33. Piktochart
  34. 34. easelly
  35. 35. visual.ly
  36. 36. Adobe Edge
  37. 37. Ventajas con el uso de Infografías
  38. 38. Ventajas al usar Infografías • Fácil comprensión • Útil • Tráfico • Viralización en Redes Sociales
  39. 39. Ventajas infografía
  40. 40. info@nextstudio.org
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×