1. LA INFOGRAFÍA
Dagmar Jiménez Iglesias
Paula Sancho Madrid
Marta Molina
S1 Disseny
Aplicacions Gàfiques
2. 2
ÍNDICE
¿Que
es
una
infografía?....................................................................................Pàg.3
Tipos
de
infografías...........................................................................................Pàg.5
Subtipos
de
infografías.....................................................................................Pàg.9
Tipos
de
gráficos.................................................................................................Pàg.9
Cómo
crear
una
infografía..............................................................................Pàg.14
Herramientas
para
crear
un
infograma....................................................Pàg.15
3. 3
¿QUÉ ES UNA INFOGRAFIA?
Las infografías, explicadas de manera escueta las definiríamos como
presentaciones graficas usadas como herramientas de comunicación para la
comprensión de un tema de forma más rápida y visual.
La Infografía se define como a una herramienta de comunicación que permite
explicar visualmente procesos complejos en piezas gráficas de fácil comprensión,
donde el texto da paso a elementos visuales explicativos.
Los periódicos y las revistas lo usan como medio para transmitir una información
clara, asequible y precisa mediante textos, imágenes, mapas gráficos, iconos etc.
Las infografías explican de forma rápida y clara información o datos muy
complejos con trayectorias, mapas, textos técnicos y material educativo. A través
de infografías se pueden mostrar procesos complejos como el funcionamiento de
una planta embotelladora o la producción del vino. Los manuales de armado de un
mueble o algún instructivo de una PC son una muestra clara de infografía aplicada
a la vida diaria.
Una pieza infográfica permite captar de un solo vistazo, sin necesidad de leer los
datos de cualquier tema que se le esté presentando; por ejemplo las tendencias
de evolución del precio del dólar, para mostrar una información estadística, que
suelen ser temas aburridos…
4. Como sabemos, la información técnica suele ser atemorizante, pero al ser
parte de un diseño, esta empieza a ser amigable para el espectador , teniendo en
cuenta las características del producto infográfico, hay que tener en consideración
aspectos positivos de las cualidades de las infografías:
4
Dinamismo
Novedad
Actualidad
Normalmente este recuso es útil para matemáticos, estadistas,
químicos…En general especialistas que necesitan dar a conocer una información
y transmitir determinados hechos o procesos.
Originalmente las infografías eran creadas para hacer el mapa de un lugar,
rutas…
Actualmente las infografías, se aplican al diseño gráfico, con herramientas
audiovisuales, y tienen el potencial de convertir el proceso de discernimiento del
espectador en un nuevo significado y atraerlo a nuevos conocimientos.
Los elementos que componen una infografía son:
• Gráficos: Contienen información estadística y numérica.
• Tablas: Lista de datos descriptivos que pueden colocarse en una o varias
columnas.
• Mapas: Suele mostrar la ubicación de un acontecimiento o de el lugar al
que se hace referencia. Es fundamental situar correctamente al lector en el
terreno exacto de los hechos.
• Diagramas: Puede mostrar el funcionamiento de algo, las relaciones causa
y efecto.
5. • Texto: se sustenta en textos escritos. Ciertos elementos informativos no son
graficables y que el lenguaje verbal resulta imprescindible para asegurar
una correcta interpretación. Sin embargo, el fundamento de la infografía
está en la iconicidad (elementos gráficos), que le confieren su propia
identidad informativa.
5
TIPOS DE INFOGRAFIAS
Los infográficos, también llamados ‘’ IG’s ’’ pueden ser agrupados en tres
grandes categorías aunque exiten muchos tipos y subtipos. Las grandes
categorias en las que podemos agruparlos son:
INFOGRÁFICOS CIENTÍFICOS O TÉCNICOS: Los encontramos en los
textos científicos o manuales técnicos. Tienen siglos de tradición, basados en la
simple asociación e integración de dibujo y texto.
INFOGRAFICOS DE DIVULGACIÓN: Usado principalmente para la
transmisión del conocimiento científico y técnico hacia el gran público, ya que se
ha tenido que recurrir frecuentemente a la imagen para facilitar su compresión. Es
así como las enciclopedias y los manuales escolares han incluído progresivamente
representaciones verbo-icónicas para complementar el texto.
En la segunda mitad del Siglo XX, gracias al avance en las técnicas de impresión,
las revistas de divulgación científica tanto de alto nivel, como las más populares
han hecho un significativo aporte en este campo mediante el mejoramiento de las
técnicas de diseño gráfico y el desarrollo de la cultura de los lectores.
6. Dentro de esta caterogoría podríamos incluir los infográficos empresariales que
son los que incluyen inforemes de actividades, catalogos…
INFOGRÁFICOS NOTICIOSOS O PERIODÍSTICOS: En la prensa este tipo
de inforgramas no solo nos sirve para ayudar a visualizar lo ocurrido o descrito,
sino a incluir información secuencial representando en un medio fijo
acontecimientos que se han desarrollado en el tiempo, tal como lo hacen (pero en
un número mucho mayor de viñetas ) las historietas.
Una vez agrupados los infogramas en tres categorias, encontramos difentes
6
estilos dentro de estas:
Diagrama infográfico: Es el resultado del
reemplazo de barras de historiogramas, por
pictogramas, aunque tiene el mismo
contenido informativo, que una tabla
estadística, es obviamente mucho más
rápido de captar y de memorizar, cumpliendo
el principal objetivo de la infografia. Este
estilo es el más utilizado y el más elemental
de todos los estilos.
Infográfico iluminista: Entre los
infográficos que publica la prensa
podemos encontrar muchos
ejemplos en que el texto sigue
7. siendo el más importante, acompañado de pictogramas o iconos que lo ilustran.
Se forman por una unidad visual determinada por un marco rectangular, en que
hay contenidos verbales e icónicos, pero el texto no sigue los principios de
secuencia discursiva única.
Se les llama iluministas por referencia al estilo de los manuscritos de la Alta Edad
Media que incluían ilustraciones dentro del texto.
7
Info- mapas: Los mapas económicos
y temáticos introducen también la
combinación entre iconemas y texto.
Hay infográficos de hoy que son una
simple aplicación de la técnica
cartográfica: usan el mapa,
seleccionan los pictogramas que
vienen al caso y agregan el texto
mínimo necesario para interpretarlos
conrrectamente.
Infográficos de primero nivel: Los anteriores
infográficos requieren habitualmente que les
acompañe un texto fuera de su propio marco,
sea como "pie de foto" sea como nota
periodística.
El diseño de infográfico ya va más allá y permite
que el "pie de foto" entre dentro del marco
8. icónico, transformándose en lo que debemos llamar "texto de anclaje".
Con esta modificación estilística queda conformado el modelo más completo del
infográfico, que podemos llamar de "1o nivel". Se compone básicamente de: título,
texto de anclaje e ilustración (que puede contener palabras identificadoras, como
en los mapas, y contener recuadros).
Su característica principal es que el texto permanece fuera de los iconemas que
forman la ilustración (Ésto es importante, como diferenciación con los IG de "2o
Nivel")
Infográficos de segundo nivel: Podemos construir un
icono en el cual el texto se transforma en una parte
dinámica del infográfico, tal como ocurre en las
historietas Esto hace innecesario un texto periodístico
explicativo separado en que se relata el acontecimiento o
se adjuntan descripciones.
En el tipo "1r Nivel" el texto se mantiene completamente
en los márgenes, sean éstos rectos o no. Aquí los textos
tienden a superponerse a los iconemas, presentándose
como "globos", como en las historietas (globos que, a
8
veces, pueden ser sin trazos de contorno).
Infográficos mixtos : Estos combinan varios
estilos ya que un infografico se puede dividir en
muchas viñetas y lógicamente se pueden
recurris a gráficos de diversos tipos, dando
origen a múltiples cominaciones posibles.
9. 9
SUBTIPOS DE INFOGRAFIAS
Descriptiva: Cuando contienen un tipo de
descripción.
Estadística: Cuando la información es sobre
cantidad.
De decisión: Cuando nos ayudan a tomar
una decisión si sí o si no.
Secuencial: Cuando nos narran unos pasos
de una forma ordenada.
Geográfica: Cuando hay mapas para
ubicarnos mejor dentro de una explicación.
Interactiva: Cuando puedes participar.
Jerárquica: Cuando se muestran ordenados de mayor a menos importancia.
TIPOS DE GRAFICOS
A continuación se detallarán los diferentes tipos de graficos que se utilizan en
los medios impresos .
Gráfico separado: Es cuando el gráfico está
separado del texto y el texto situado inmediatamente
después del titular.
10. 10
Gráfico integrado: cuando el texto y el gráfico se
leen en conjunto.
Gráficos radiales: es una infografía que consta
de un centro y periferia. En el centro siempre se incluye
la imagen predominante y en la periferia: listados,
cuadros con anotaciones, secuencias de imágenes y
destacados que ayudan a explicar la imagen central.
Gráfico en serie: al contrario del
gráfico radial, esta tiene un punto de entrada
y uno de salida. Siempre es de manera
lineal, donde el texto junto con el gráfico
trabajan conjuntamente y de una manera
coherente, para que el mensaje llegue
correctamente al receptor.
11. El gráfico de
barras funciona
preferentemente con unidades
y lo que hace es establecer
una comparación entre ellas.
Las barras presentan el
mismo ancho y el alto
11
depende de la cantidad información que represente.
El gráfico de torta (tarta,
pastel o queso) indica la división de
las partes de un todo y sus
proporciones, especialmente en
porcentajes. Está representado por un
círculo que supone un todo y se
encuentra dividido en partes. Es
importante recalcar que, este tipo de
gráfico se vuelve confuso, cuando se lo divide en muchas partes porque la
información se vuelve desordenada. Por Ejemplo: un gráfico de torta puede indicar
los porcentajes de la cantidad de lectores, de los distintos periódicos, de un
determinado lugar, en un período específico o la migración urbana.
12. El gráfico de fiebre o
línea muestra los cambios
expresados en números a través
del tiempo. Los gráficos
de fiebre funcionan si la línea
que traza el cambio de
cantidades representa un
período de tiempo y si cada cantidad establecida dentro de la línea representa
incrementos por igual del tiempo indicado.
12
El mapa es necesario para
mostrar la ubicación de un
acontecimiento. El público lector está
siempre interesado en conocer dónde ha
ocurrido un determinado hecho. Cuando
se realiza un mapa de una determinada
zona de una ciudad, por ejemplo, así a
veces es sólo necesario ubicar las calles más importantes que circundan un
suceso; dibujar cada calle puede ser confuso. Esta infografía es más utilizada para
dar la dirección exacta del acontecimiento que se ha dado, es utilizada más en
caso de accidentes.
13. La tabla es un cuadro sencillo en
el que se presentan datos descriptivos
que, a veces, no son lista de datos, se
colocan en varias columnas una al lado
de la otra. Generalmente es útil cuando
organiza información que no se puede
representar en un gráfico de barra o de
fiebre (cuando quieres poner un cuadro
de distancias para ver cual es más
cercana a otras, se utiliza
la tabla con la información. Así se
puede observar qué distancia le
conviene más). Ejemplo de esto
podemos ver en las tablas que
13
presentan horarios, distancias, encuestas, etc.
14. 14
COMO CREAR UNA INFOGRAFÍA
En primer lugar hay que elegir un
tema sobre el que vamos a desarrollar
nuestra infografía, ya sea la explicación de
un concepto, de una tecnología, como
funciona un producto etc.. y un destinatario,
es decir, tener claro a quien va dirigida la
infografía.
A partir de aquí hay que empezar a
recopilar información externa y de
elaboración propia y como tercer paso,
clasificar la información según si es novedosa, relevante o irrelevante.
Un vez tenemos toda la información filtrada, escogemos un tipo de infografía
según el tema que habíamos elegido al principio. Como ya hemos visto antes
pueden ser descriptivas, geográficas, secuenciales entre muchas otras.
El quinto paso sería conectar todos los datos. Establecer conexiones entre la
información ofrecida y los intereses de la audiencia. Ya que la infografía debe ser
un instrumento para generar y compartir conocimiento a partir del análisis de la
información que se ha seleccionado.
Una vez tengamos todo el material preparado empezamos a elaborar el borrador,
que aquí es donde decidiremos el tipo de imagen que vamos a utilizar ( foto,
fotomontaje o ilustración), los colores, la tipografía, la estructura de la infografía, el
estilo de los gráficos etc.
15. Ya podemos diseñar nuestra infografía de una manera simple y clara y no nos
hemos de olvidar de cuando esté acabado revisar todos los elementos, las
imágenes, el texto, la ortografía y pedir opinión.
Por último publicar la infografía y difundirla, ya sea en una web o un blog, en las
redes sociales, en una revista… depende de para que haya sido diseñada la
infografía y medir los resultados obtenidos.
15
UNA BUENA INFOGRAFÍA DEBE
-‐ tener la información más necessaría
-‐ no ser confusa
-‐ estar bien organizada, sea por orden cronológico, orden alfabetico…
-‐ tener una línea visual clara
-‐ textos coherentes
-‐ código distinguido de fuentes, para los títulos, subtítulos y demás
-‐ tener una imagen que sea legible
HERRAMIENTAS PARA CREAR UNA INFOGRAFÍA
Dentro de las herramientas para crear una infografía podemos distinguir entre las
aplicaciones que nos ofrece internet a parte de los programas habituales de
edición.
Hemos recopilado una série de aplicaciones que nos permiten crear una
infografía, la gran mayoría a partir de plantillas como:
Visual.ly Uno de los mejores repositorios de infografías, con más de 25.000
16. ilustraciones. Visual.ly presentó recientemente una nueva herramienta para
transformar la información de Google Analytics en infografías.Wordle se define a
sí misma como un juguete para crear nube de tags con el texto que queramos.
Podremos utilizar distintas fuentes, plantillas o esquemas de color.
Vizualize Esta herramienta permite generar un currículo atractivo
presentado como una infografía. Puedes modificar la apariencia utilizando 7
plantillas a las que puedes cambiar el color. Acceder es muy fácil. Basta tu cuenta
de LinkedIn o el ingreso al sitio y la suscripción.
PiktoChart nos permite arrastrar imágenes al navegador para crear de
manera sencilla nuestros propios esquemas y gráficos, o bien utilizar algunos de
los temas predefinidos. La versión gratuita incluye siete de las 115 que hay
disponibles. Todas pueden ser modificadas por el usuario. Las herramientas de
edición permiten agregar más gráficos al material, además de formas, textos e
imágenes. Puedes exportar la infografía en JPG o PNG.
16
17. Easel.ly Es un servicio de acceso libre en el que puedes crear nuevas
infografías o modificar las que ya están en la plataforma. La página ofrece 15
plantillas sencillas y diferentes, pero que no dejan de ser creativas, dinámicas y
atractivas. Te permite editar colores, texto, gráficos, introducir íconos y añadir o
modificar formas dentro de tu gráfico.
Google Public Data interesante herramienta de Google si necesitamos
17
mostrar información de dominio público dentro de nuestra infografía.
Stat Planet Herramienta de descarga gratuita para crear mapas y gráficos
interactivos totalmente customizables.
Hohli sencillo generador de gráficos online. Nos permite crear nuestros
18. 18
propios diagramas, figuras y gráficos.
Infogr.am Herramienta muy fácil de utilizar, tiene la opción de importar
datos al sitio web directamente desde fuentes externas y generar nuestras propias
gráficas, ofrece seis diseños diferentes de infografías. Te permite añadir mapas,
una extensa variedad de gráficos, videos (desde Vimeo o Youtube), texto e
imágenes desde tu PC. El contenido de algunas plantillas es interactivo, lo que
mejora la presentación de datos.
Many Eyes es una herramienta propiedad de IBM, aunque de dominio
público. Se trata de una potente herramienta para crear infografías basadas en
nuestros datos personales o datos públicos. Tiene un increíble número de cuadros
estadísticos e infografías para presentar diferentes tipos de datos, desde
estadísticas hasta información escrita.
InfoActive Es una plataforma en línea para la creación de infografías
interactivas que incluyen tanto imágenes como datos, tiene numerosas
herramientas que permiten combinar texto con atractivos gráficos interactivos.
ICharts Con esta herramienta se puede crear gráficos sencillos de manera
rápida. Tiene entre sus opciones la posibilidad de producir cuadros interactivos
que permiten que el material sea aún más llamativo. Los cuadros pueden ser
insertados fácilmente a páginas web.
What About Me? Es una herramienta que produce infografías atractivas
que muestran los hábitos de los usuarios en las redes sociales. La plataforma se
conecta de forma automática con las cuentas de Facebook, Twitter y YouTube
para producir estadísticas de la vida digital. Los resultados son bastante completos
porque incluyen texto y cuadros estadísticos en un gráfico atractivo y que logra
entenderse fácilmente.
19. Creately En el servicio están disponibles más de 40 tipos de diagramas y
100 plantillas diferentes. Uno de sus principales beneficios es que permite la
colaboración de diagramas en tiempo real entre diferentes usuarios. Existen 5
plantillas gratuitas. Si se quiere utilizar el resto de herramientas es necesario un
pago de 5 dólares para acceder al plan premium.
Vennage Es una herramienta fácil de usar para crear atractivas infografías
además de cuadros estadísticos. Uno puede agregar cuadros, gráficos, imágenes
y texto. Existe una versión gratuita de la plataforma y otra premium, que por 19
dólares al mes incluye plantillas que puedes modificar.
Geocommons Es una herramienta que funciona con mapas. Ofrece una
variedad de plantillas con fotos satelitales, mapas de carreteras y otros fondos
geográficos. Trae precargados una serie de conjuntos de datos, pero los usuarios
pueden también cargar los suyos. Permite configurar colores para cada variable
de conjuntos de datos.
19
20. Los programas más adecuados para crear una infografía desde zero podrían ser
Photoshop, Il·lustrator o InDesign.
20
Aunque si pretendiéramos hacer una infografía interactiva también podríamos
utilizar el Adobe Flash.