La Infografía
La Infografía
La Infografía
La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 1/33
27/6/2019 La infografía
Tabla de contenidos
1. Introducción
4. Creando la infografía
4.1. Herramientas online
4.2. Creando la infografía en línea
4.3. Creando la infografía offline
4.4. Recursos gratuitos para tus infografías
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 2/33
27/6/2019 La infografía
1. Introducción
El presente material tiene como finalidad que puedas crear infografías a partir del uso de una herramienta online, para ello es
necesario conocer la información más relevante que nos permita entender el proceso creativo de este tipo de recurso didáctico,
ademas de su uso en la docencia.
Para el desarrollo exitoso del presente contenido multimedia es muy importante que prestes mucha atención a los textos y
recursos audiovisuales consultados, tomando nota de los aspectos más relevantes o de aquello que no entiendes para consultarlo con
el mediador del curso.
Planifica tu tiempo adecuadamente para cumplir con todas las actividades propuestas en la programación del curso.
No dejes para último minuto el desarrollo de las tareas previstas. No olvides que para desarrollar las actividades previstas debes
apoyarte inicialmente en el material de lectura suministrado.
Adicionalmente puedes investigar en la web y usar otras referencias bien documentadas para profundizar y complementar sobre el
tema. En este caso, te invito a socializar la información que consigas y que consideres de valor para el grupo.
Conceptos básicos
Uso educativo de las infografías
Sitios en la web que alojan este tipo de recursos
Elementos claves para el diseño de infografías
Herramientas en línea y offline
Metodología básica para la elaboración de infografías.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 3/33
27/6/2019 La infografía
Antes de iniciar la consulta de los materiales: Recuerda tomar nota de los aspectos que consideres más interesantes, significativos
y que aporten a tu interés para el desarrollo y diseño de infografías.
La infografía es una representación más visual que los propios textos; en la que intervienen descripciones, narraciones o interpretaciones,
presentadas de manera gráfica normalmente figurativa, que pueden o no coincidir con grafismos abstractos y/o sonidos.
Los mapas, gráficos, viñetas, etc. son infogramas; es decir, partes de la infografía, con la que se presenta una información completa aunque
pueda ser complementaria o de síntesis.
Un concepto sencillo para entender lo que es una infografía es conceptualizar la misma como un recurso gráfico donde se presenta
información hiper-sintentizada y de forma atractiva y fácilmente entendible para el usuario final.
Las infografías transmiten hechos, procesos, noticias, acontecimientos o datos de forma amena, sintética y visual, facilitando la comprensión
de información árida o compleja y estimulando el interés del lector que, de un golpe de vista, puede seleccionar en ellas lo que le interesa, lo
que ya conoce y lo que no.
Observa el siguiente mapa mental donde se define de forma clara y sencilla que es una infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 4/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 5/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 6/33
27/6/2019 La infografía
Símbolos Información
Colores Audiencia
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 7/33
27/6/2019 La infografía
Impacto Ilustraciones
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 8/33
27/6/2019 La infografía
Antes de continuar, qué te parece si revisamos algunas infografías para conocer cómo se estructura, organiza y diagrama la
información comúnmente en este tipo de recurso gráfico. Presta mucha atención al uso de colores, diagramación del contenido,
manejo de la información, lenguaje usado, cantidad de texto, uso de recursos gráficos, presentación de fuentes consultadas. Recuerda
que más adelante debes diseñar tus propias infografías.
A continuación, comparto contigo algunos sitios que te invito revisar, recuerda tomar en cuentas las orientaciones descritas al inicio de
esta página.
Infografías en castellano
Un sitio web en nuestro idioma donde podrás encontrar miles de infografías que te serán de utilidad para conocer la estructura,
diagramación, uso de colores de este tipo de recursos gráficos.
URL: https://infografiasencastellano.com/
Infografías
Otro sitio web similar al anterior que nos permite conocer cientos de infografías
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 9/33
27/6/2019 La infografía
URL: http://infografias.com/
Finalmente te comparto el vinculo a nuestra cuenta en Pinterest, está interesante red social donde podrás conseguir miles de recursos
gráficos en donde destacan las infografías.
URL: https://www.pinterest.com/aula7iete/
Puedes seguir investigando en la web y revisar muchas más infografías para ampliar y consolidar tu conocimiento en este tipo de
recurso didáctico.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 10/33
27/6/2019 La infografía
Las infografías pueden ser usadas de muchas formas en la docencia, hay un sinfín de ideas para su uso, a continuación comparto un
listado de opciones que he reunido luego de una revisión en la web sobre sus posibilidades didácticas:
Mostrar elementos jerárquicos, desde los personajes principales de una novela hasta los protagonistas de una época.
Sintetizar los acontecimientos más importantes de una época concreta o los datos más relevantes de un suceso concreto.
Crear una línea del tiempo para ilustrar un evento en la Historia, la evolución de una noticia de actualidad o de una tecnología.
Ejemplo: La evolución del teléfono
Representar un proceso de forma gráfica.
Mostrar los pasos de un experimento científico o fases de un proceso químico. Ejemplo: La Mitosis
Comparar la información de dos elementos opuestos.
Crear una tabla comparativa de músicos, escritores, monumentos históricos o datos de una población. Ejemplo: Calidad de vida entre
países
Elaborar un cartograma, es decir un mapa que muestra datos de cantidad asociados a áreas geográficas. Ejemplo: La población online
en el mundo
Plantear las preguntas que deben responder los alumnos en un proyecto de aula. Ejemplo: Analizar un libro de lectura
Presentar los resultados de una encuesta. Ejemplo: ¿Es Google siempre el mejor motor de búsqueda?
Enumerar las características de un tema concreto.
Resumir las partes más importantes de una lección. Ejemplo: Presente de los verbos regulares
Presentar estadísticas y gráficos con datos significativos sobre la población, la economía o la tecnología. Ejemplo: La economía móvil
Ofrecer un breve resumen de las unidades de una materia como índice preliminar. Ejemplo: Teoría de la Comunicación
Enumerar trucos y consejos para hacer un buen curso o proyecto. Ejemplo: Trucos para estudiar de forma inteligente, Consejos para
tener éxito en un curso online
Plantear una pregunta y ofrecer pistas para que el alumno pueda adivinar la respuesta viendo las diferentes partes de la infografía y
añadiendo la respuesta al final. Ejemplo: Concurso de Navidad
Realizar un organigrama para mostrar una secuencia lógica con un flujo de causas y efectos. Ejemplo: Hosting
Una infografía se puede utilizar en cualquier momento de una unidad didáctica, en función del objetivo que queramos alcanzar con ella:
Al inicio de un tema para mostrar los contenidos principales (resumen de las fechas más importantes de una etapa concreta que será
trabajada).
Durante el desarrollo de la unidad, para que el alumnado plasme los hitos más importantes que se van estudiando, a modo de
resumen, de lo que se va trabajando (tanto si el trabajo es individual como en grupo) y, a la vez, también le puede servir al
profesorado para mostrar la información trabajada de forma distinta y haciendo hincapié en aquellos datos a tener en cuenta.
Al final del tema/unidad para plasmar las ideas clave de lo que se ha trabajado.
Las habilidades serán muy distintas en cada caso, pero cualquier infografía siempre potenciará las habilidades relacionadas con la
competencia digital y del tratamiento de la información:
Muñoz, E.(2014) Uso didáctico de las infografías. Revista Espiral. Cuadernos del Profesorado. Archivo en línea: http://tinyw.in/nkwb
Fuentes consultadas:
Viñas, M. (2016) 7 pautas para diseñar una infografía eficiente. Tomado de URL: http://tinyw.in/l3yU
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 12/33
27/6/2019 La infografía
Presta atención a la siguiente información que te será de utilidad para entender el proceso de creación de una infografía
Definir el target
Elegir el tema
Investigación y datos
Contenido
Estructura de la infografía
Esquema de colores
Herramienta de diseño
Gráficos
Publicar la infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 13/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 14/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 15/33
27/6/2019 La infografía
¡Sigamos avanzando! No olvides tomar nota de los aspectos más relevantes o aquellos que te generen
duda o inquietudes.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 16/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 17/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 18/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 19/33
27/6/2019 La infografía
4. Creando la infografía
1. Usar una herramienta informática de edición de imágenes que hayamos previamente instalado en nuestro computador personal o
2. Usar de la web algún servicio 2.0 que nos permita crear, descargar y alojar en línea la infografía producida.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 20/33
27/6/2019 La infografía
Para crear una infografía en nuestro computador personal, necesitamos instalar alguna herramienta de edición de imágenes, como por
ejemplo entre las más conocidas: Adobe Photoshop, Adobe Ilustrator, Corel Draw.. estas aplicaciones tienen el problema de ser software
propietario, por lo cual es requerido un pago por uso (pago de licencia). Como alternativa se recomienda el uso de software libre donde se
puede destacar las aplicaciones: GIMP o Inkscape
Gimp es un programa gratuito y libre para editar imágenes digitales, tanto dibujos como fotografías, similar al conocido Adobe PhotoShop.
Es multiplataforma, por lo cual puede ser usado sin problema alguno en los sistemas operativos windows o en cualquier distribución de
linux.
Inkscape es un editor de gráficos vectoriales de código abierto, con capacidades similares a Illustrator, Freehand, CorelDraw o Xara X,
usando el estándar de la W3C: el formato de archivo Scalable Vector Graphics (SVG). Es multiplataforma, por lo que se puede instalar en
Windows y/o Linux.
Particularmente, recomiendo el uso de GIMP si se desea elaborar la infografía mediante una herramienta instalada en el computador
personal.
Más adelante, veremos como usar una herramienta ofimática como PowerPoint para elaborar una infografía.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 21/33
27/6/2019 La infografía
Crear una infografía en línea requiere de poseer una buena conexión a Internet que nos permita trabajar de forma fluida con la aplicación
en línea, sin pasar mayores disgustos. Existen un buen número de servicios que nos facilitan la creación de infografías en la nube, la gran
mayoría de ellos gratuitos en su versión básica.
En este curso nos dedicaremos a conocer y utilizar de forma básica uno de ellos: PIKTOCHART, en la siguiente página de la presente guía
multimedia encontrarás un video tutorial. Pero antes revisemos lo que nos ofrece esta y otras herramientas similares en la web.
PIKTOCHART
URL: http://piktochart.com/
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 22/33
27/6/2019 La infografía
Herramienta para elaborar infografías en línea a partir de plantillas. Ofrece varios elementos gráficos que se integran en la infografía con
solo arrastrarlos y soltarlos en la ubicación deseada. Aunque la versión gratuita no ofrece muchas plantillas y no tiene habilitadas todas las
funcionalidades, si permite iniciarse en la elaboración de este tipo de organizador gráfico. Las infografías se pueden descargar en formato
PNG o compartir en redes sociales directamente desde la herramienta.
EaselLY
URL: http://www.easel.ly/
A partir de Plantillas complejas es posible crear nuestras propias infografías. Basta con arrastrar y soltar dentro de la infografía, fondos,
cuadros de texto, formas (líneas, figuras geométricas, etc) o íconos; así como importar imágenes. Las infografías finales se pueden exportar
en formato pdf, jpg, o png.
Infogr.am
URL: http://infogr.am/
Servicio en línea, fácil de usar, que permite crear, compartir y explorar infografías y gráficos. Basta con seleccionar una Plantilla
prediseñada y agregarle gráficos, videos y mapas. Ofrece código embebido para integrar fácilmente las infografías en los blogs personales.
Creately
URL: https://creately.com/app
Aplicación completa y de uso sencillo con la cual, además de generar varios tipos de diagramas, se pueden crear infografías. Se basa en
Plantillas que una vez cargadas se modifican agregando, quitando o cambiando elementos.
Visual.ly
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 23/33
27/6/2019 La infografía
URL: http://visual.ly
Con esta herramienta se pueden crear infografías en línea a partir de la información que los usuarios tienen en sus cuentas de Twitter o
Facebook. Para cada visualización puede elegirse entre varias Plantillas. Próximamente también se podrán crear infografías con temas como
política, educación, deportes, etc.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 24/33
27/6/2019 La infografía
Para crear la infografía en línea he elegido la herramienta Piktochart, existen varias alternativas similares, pero esta me ha gustado mucho
porque se enfoca por completo en la creación de infografías que posteriormente podemos descargar en formatos PNG o compartir en redes
sociales sin mayor complicación.
Luego de acceder, podrás empezar a utilizar la herramienta, recuerda que para aprovechar al máximo las posibilidades que esta nos ofrece
y crear una infografía que cumpla con todo lo discutido en el material de estudio, debes:
Finalmente, toma nota de los aspectos que te hayan generado dudas e inquietudes para que puedas consultarlo a la comunidad de
aprendizaje en el espacio de soporte didáctico del curso.
Visualiza con detenimiento el siguiente videotutorial alojado en YouTube sobre el uso de Piktochart
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 25/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 26/33
27/6/2019 La infografía
Otra alternativa para la creación de infografías es la herramienta ofimática de común uso en la actualidad PowerPoint.
A diferencia de las herramientas de diseño gráfico presentadas anteriormente, seguramente habrás usado esta aplicación muchas veces en la
creación de presentaciones para tus clases, ¿que te parece si aprovechamos esa experiencia y habilidades en el uso de esta herramienta para
crear infografías.?
Estoy seguro que tendrás suficientes conocimientos y experiencia para elaborar una buena infografía con las opciones que te ofrece esta
herramienta. Por lo tanto, antes de usarla deberías tener en tu computador un buen banco de imágenes, iconos y fuentes instaladas que te
permitan crear una infografía atractiva sin necesidad de estar conectado a la web para el desarrollo de la misma.
En la siguiente página encontrarás una lista de sitio que pueden serte de utilidad.
Para ayudarte en el desarrollo de tu infografía con esta herramienta, te comparto a continuación algunos vínculos a varios sitios web
donde podrás encontrar plantillas que te serán de mucha utilidad.
Solo tienes que descargar y abrir el archivo con PowerPoint, realizar las modificaciones que consideres pertinentes y finalmente "Guardar
como" eligiendo como "Tipo de archivo": las opciones de formato gráfico PNG o JPEG
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 27/33
27/6/2019 La infografía
A continuación, te dejo algunos vínculos donde puedes descargar plantillas para usar en PowerPoint:
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 28/33
27/6/2019 La infografía
Luego de haber realizado todos los pasos previos al uso de la herramienta informática (selección del tema, investigación, contenido,
bosquejo inicial) es necesario seleccionar las imágenes que formarán parte de la infografía, para ello necesitamos buscar en diversos
repositorios en línea que nos proporcionen imágenes libres de problemas con derechos de autor.
Una buena selección de imágenes es muy importante para el diseño de una infografía, estas imágenes deben ser coherentes con la idea que
deseamos desarrollar, deben tener buena calidad y resolución, pero además deben ser atractivas y causar una buena impresión a primera
vista.
Es importante contar con un banco de imágenes personales que podamos usar en nuestros proyectos, para esto es recomendable realizar un
proceso previo de curaduría, navegando en la web y ubicando en diferentes espacios, imágenes que podamos usar sin problemas de derechos
de autor. En el caso de uso educativo, no debería haber ningún problema con el uso de imágenes tomadas de la web, aunque lo ideal es
siempre colocar la fuente (URL de la imagen original).
FLATICON
Es un excelente repositorio de elementos iconográficos que puedes descargar para insertar en tus creaciones graficas. La plataforma te
permite la descarga de las imágenes en diferentes tamaños y tipos de archivos.
URL: www.flaticon.com
FREEPIK
Uno de los repositorios de mayor uso para la descarga de imágenes gratuitas. Cuenta con una amplia colección de recursos, en su gran
mayoría gratuitos. Permite la descarga de los recursos gráficos, en formato vectorial y mapa de bits.
URL: www.freepik.com
GRATISOGRAPHY
Gratisography , está llena de fotos divertidas y de muy buena calidad. Un detalle importante es que este banco se actualiza con nuevas fotos
semanalmente.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 29/33
27/6/2019 La infografía
URL: http://www.gratisography.com/
UNSPLASH
Unsplash es uno de los sitios más conocidos, te permite suscribirte a su página para recibir 10 fotos nuevas cada 10 días. Además, te brinda
la posibilidad de enviar tus fotografías para que sean compartidas libremente por la comunidad.
URL: https://unsplash.com/grid
SPLITSHIRE
Spiltshire es un banco de imágenes gratuitas, puedes pagar para recibir notificaciones sobre nuevas imágenes, un archivo extra de fotos y
series adicionales.
URL: http://splitshire.com/mosaic/
PEXELS
Pexel es un agregador de imágenes que actualmente tiene más de 1400 fotos. Su selección se actualiza con 30 fotos nuevas cada semana.
URL: http://www.pexels.com/
PIXABAY
PIXABAY no solo agrega fotos de otras webs como UNSPLASH también invita al usuario a compartir a la comunidad sus fotos. Es un
ejemplo perfecto de una comunidad colaborativa digital.
URL: https://pixabay.com/
OPEN PHOTO
Open Foto es una plataforma colaborativa en la que individuos contribuyen con sus fotos bajo las condiciones de una licencia Creative
Commons.
URL: http://openphoto.net/
RAUMROT
Raumrot es una página muy sencilla y fácil de navegar. Las fotos son de muy buena calidad y fácil de encontrar ya que están etiquetadas por
categorías.
URL: http://www.raumrot.com/
LIFE OF PIX
Life of Pix es otra web llena de imágenes gratis, principalmente de paisajes, que podrás usar libremente. Los autores de las fotos están
enlazados por lo que se hace fácil identificar al autor y obtener la información necesaria para dar crédito a la fuente original.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 30/33
27/6/2019 La infografía
URL: http://www.lifeofpix.com/
LITTLE VISUALS
Little Visuals está compuesta por imágenes principalmente de paisajes, con algunas de producto. Suben 7 fotos nuevas cada 7 días.
URL: http://littlevisuals.co/
MAGDELEINE
Magdeleine también tiene fácil navegación, puedes seleccionar la búsqueda por categorías. Las fotos o bien son originales de la página o son
agregadas por otros bancos de imágenes gratuitos
URL: http://magdeleine.co/
START UP PHOTOS
Creado por Sculpt, la intención de Start Up Photos es proporcionar imágenes a blogers, escritores y empresarios que necesitan imágenes
relacionadas con el mundo del “Start up".
URL: http://startupstockphotos.com/
THE STOCKS
The Stocks agrega imágenes de muchos de los sitios mencionados anteriormente, lo que facilita la búsqueda sin tener que cambiar de
página.
URL: http://thestocks.im/
Un banco de imágenes con más de 5.000 fotografías gratis, organizadas por categorías y disponibles para descargar sin registro, este banco
de imágenes gratis es uno de los recursos más importantes a tener en cuenta.
URL: http://www.public-domain-photos.com/
Existen muchas más alternativas y herramientas de búsqueda, para conseguir imágenes e iconos en la web, incluyendo el popular Google.
A continuación, se muestra un listado de algunos sitios web en donde podrás encontrar y descargar fuentes tipográficas que te serán de
amplia utilidad para la creación de tus representaciones visuales de información.
DAFONT
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 31/33
27/6/2019 La infografía
http://www.dafont.com/es/
Esta web clasifica un catálogo de casi 30.000 tipografías por temas, además de detallar qué tipo de licencia tiene cada una: gratuita para uso
personal, donationware.
GOOGLE FONTS
https://www.google.com/fonts
Google tiene una excelente plataforma de tipografías gratuitas para utilizar en webs o cualquier otra cosa en la que queramos trabajar.
FONT RIVER
http://es.fontriver.com/
Otra web donde hay tipografías gratuitas para uso personal, aunque hay que fijarse bien en las licencias ya que algunas son Shareware.
http://www.1001freefonts.com/
Este sitio nos da acceso a más de 17.000 fuentes, siendo la mayoría de ellas gratuitas para uso personal. Adicionalmente, brinda la opción de
subir nuestras propias tipografías.
FONTSPACE
http://www.fontspace.com/
Esta web nos permite buscar las fuentes por categorías y previsualizarlas en vivo en la misma pagina
DRIBBBLE
https://dribbble.com/
Aunque no es un sitio web dedicado solamente a tipografías, si usas la etiqueta de tipografías de la web te encontraras con excelentes
opciones, muchas de ellas gratuitas.
BEHANCE
https://www.behance.net/
Al estilo de Dribble, este sitio web te ofrece el trabajo de muchos profesionales del área. Aquí podrás encontrar una buena colección de
fuentes gratuitas que ha recopilado uno de sus miembros
FONDFONT
http://fondfont.com/
Esta opción tiene menos tipografías que las alternativas descritas anteriormente, pero la calidad de las fuentes publicadas, es muy buena. Es
necesario tener cuidado, ya que hay fuentes que permanecen gratuitas sólo un tiempo limitado.
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 32/33
27/6/2019 La infografía
campusvirtual.reddolac.org/mod/book/tool/print/index.php?id=758 33/33