información diseño de
TRANSCRIPT
Diseño de informaciónLa infografía
¿Qué es la infografía?
SEGÚN EL DICCIONARIO
Una infografía es una representación visual informativa o diagrama de textos escritos que en cierta manera resume o explica figurativamente. En ella existen diversos tipos de gráficos y signos lingüísticos y no lingüísticos (pictogramas, ideogramas y logogramas que forman descripciones, secuencias expositivas, argumentativas o narrativas, e incluso, interpretaciones).
DEFINICIÓNUna infografía es una colección de imágenes, gráficos y texto simple (minimalista) que resume un tema para que se pueda entender fácilmente. Es decir, se presenta información con el auxilio de recursos visuales.
Podemos decir entonces que...
¿Por qué se utilizan?
USOS
La infografía nació como un medio de transmitir información gráficamente de forma más dinámica, viva e imaginativa que la meramente tipográfica.
los infográficos son atractivos, intuitivos, la información es absorbida con mayor facilidad, ofrecen más de un punto de entrada a la información (esto significa que proporciona una lectura no lineal) y quedan en la memoria (son pregnantes).
SUS BENEFICIOS EN NÚMEROS
● El ser humano retiene, en promedio, un 80% de lo que ve, un 20% de lo que lee y un 10% de lo que escucha.
● Los recursos visuales son procesadas por el cerebro 60,000 veces más rápido que el texto.
● 90% de la información enviada al cerebro, es visual.
SUS BENEFICIOS EN NÚMEROS
80% 90%60.000de la información enviada al cerebro, es visual.
es retenido por el ser humano de lo que ve, 20% de lo que lee y 10% de lo que escucha.
veces más rápido son procesadas las imágenes en el cerebro que un texto.
¿Cuál de las dos maneras de presentarles la última información les causó más impacto y les resultó más rápida la lectura?
Partes de una infografía
https://www.cerotec.net/data/fotos/ejemplo_info.jpgFUENTE Y CRÉDITOSNUMERALIA
TITULAR
ENCABEZADO
SUBTÍTULO
SUBTÍTULO
TEXTO
CUERPO
TITULAR
Se trata de un resumen de la información visual y textual. Se caracteriza por ser breve, directo y sintético.
En otras palabras, es aquello que engloba lo más importante en una infografía.
A esta parte, dependiendo del tema y del autor puede adjuntársele uno o varios subtítulos (que pueden contener subtemas).
ENCABEZADOEs aquel subtítulo que representa datos adicionales que pueden ser importantes para el entendimiento de la información presentada.
TEXTOSe trata de una porción que expresa textualmente, de manera breve y concisa, la información necesaria para el mejor entendimiento de lo que la imagen no puede expresar.
CUERPO
Contiene la información visual presentada a través de imágenes, diafragmas, gráficos, cuadros, mapas, tablas y otros.
Además, puede considerarse como la información tipográfica de explicación que está colocada en forma de etiquetas (números, palabras descriptivas, fechas y otros).
En el cuerpo siempre se encuentra una imagen central, es decir, lo principal en la infografía, que se destaca por su tamaño o ubicación sobre las demás y de la cual se generan otros gráficos o textos.
IMÁGENES
Ya sea que las elabores vos o que las retomes de alguna fuente calificada, las imágenes son parte esencial de este documento, que privilegia la fácil comprensión de los conceptos, y apela a lo visual y a lo preciso, para generar información que pueda quedar grabada en la mente del lector.
NUMERALIAS
Se trata de un número destacado, acompañado por un breve texto que amplía su información y en algunas ocasiones, también son acompañados por íconos.
El mismo puede ser un porcentaje, fecha, año, etc. (este número es tratado como imagen).
Son utilizadas para enumerar y hacer más rápida y amena la lectura de datos “duros”. Por lo cual, siempre se presentan en grupos de 3 o más datos.
ALGUNOS EJEMPLOS DE NUMERALIAS
FUENTE Se trata de la información y/o ubicación de donde se ha encontrado el contenido necesaria para desarrollar la infografía.
CRÉDITOEs aquel que señala el nombre del autor de la infografía, incluyendo diseño e investigación.
Este, junto con la fuente, suele ser presentado con una tipografía de menor tamaño y en un lugar donde no se genere algún tipo de distracción para los lectores.
Tipos de infografía
INFOGRAFÍA PERIODÍSTICA O DE INVESTIGACIÓNAunque este tipo de gráfico surgió en el periodismo, es conveniente no solo para publicar una noticia, sino también para explicar cualquier acontecimiento o suceso.
Si la finalidad es ofrecer información oportuna o un concepto, se puede desarrollar una infografía informativa como la del ejemplo. En ella se observa cómo se presentan las medidas preventivas para evitar que las mascotas contraigan enfermedades estacionales, por medio de barras de color para indicar los dos casos de cambios de temperatura, además de añadir iconos con consejos breves.
INFOGRAFÍA DE PRODUCTOSirve para describir los aspectos fundamentales de un producto. Cuando la intención es dar a conocer un producto o servicio, esta infografía resulta útil para presentar las características del objeto, ya que ayuda a enfatizar lo más relevante. Al resaltar las cualidades o características con conceptos breves e imágenes de alta calidad, se logra dar una idea de cómo es ese producto o servicio y su funcionamiento.
INFOGRAFÍA SECUENCIALEn esta clase de gráfico, se muestra una secuencia de forma organizada. Se utiliza una estructura en forma de lista, apoyada por iconos o imágenes consecutivas.
Se utiliza para desarrollar guías o instructivos rápidos con el objetivo de resumir esa información en pasos; es ideal para cuando se quiere exponer el funcionamiento de un productos, un proceso o un método de compra, por ejemplo.
Hacé click sobre cada imagen para ir a los links originales.
INFOGRAFÍA CIENTÍFICAEs un tipo de infografía didáctica para facilitar la enseñanza de temas científicos, pero no limita su uso a fines puramente académicos.
Se usa para explicar temas complejos que contengan conceptos, términos o tecnicismos, sobre información o temática especializadas.
INFOGRAFÍA BIOGRÁFICAEste tipo de infografía describe la vida y obra de algún personaje en pocas palabras y, en algunos casos, utiliza iconos que ayudan a representar algunos aspectos como sus estudios, su nacionalidad y algunas actividades, entre otros.
Cuando se requiere hablar de un personaje en forma concisa y resaltar lo más importante de su vida, este recurso resulta de gran ayuda para explicar quién es o fué esa persona.
INFOGRAFÍA GEOGRÁFICAEstos gráficos sirven para ubicar el lugar de un hecho por medio de mapas. Se pueden utilizar para mostrar una red de localización o expansión.
Si el objetivo es indicar el lugar donde ocurrió o se llevará a cabo un evento o serie de sucesos, o trazar un trayecto geográfico o la estancia de una persona u objeto, se puede elaborar una infografía geográfica.
Es muy utilizada en el sector de agencias de viajes. Como se muestra en el ejemplo, elaboran un gran mapa sobre el cual insertan los puntos de interés.
INFOGRAFÍA CRONOLÓGICAMuestra una sucesión de hechos o de datos respetando una línea temporal. Es una forma de relatar una serie de hitos de manera ordenada.
Los temas o asuntos pueden ser sobre procesos evolutivos, cambios de antes y después, innovaciones o evoluciones a lo largo del tiempo.
Así que si el objetivo es mostrar la trayectoria o evolución de un producto, servicio, empresa o avance científico, se puede optar por explicarlo mediante una infografía cronológica.
INFOGRAFÍA DE ESTADÍSTICASSu función principal consiste en simplificar gráficamente la información numérica. Por tanto, representa tendencias o resultados estadísticos con gráficos de pastel, barras, tablas o líneas para plantear cantidades, porcentajes o coordenadas.
INFOGRAFÍA COMPARATIVATienen como propósito resaltar las diferencias entre algunos elementos o variables. La mayoría de veces muestran tablas con los aspectos a contrastar.
Se utiliza este tipo de infografía cuando es necesario establecer diferencias o similitudes entre varios elementos.
Pasos para armar una infografía
Paso 1: Búsqueda de información
NO SE PUEDE POSPONEREl elemento fundamental para realizar una infografía es la información. No podemos bocetar nada sin tener el contenido.Ya que en este caso, texto e imagen van de la mano y no puede existir uno sin el otro.
Si no tenemos la información, no sabemos cuánto va a ocupar en el plano del diseño, ni tampoco vamos a saber qué imágenes debemos buscar o producir.
Paso 2: Determinar el tipo de infografía
CONTENIDO PARA ORGANIZARCuando tenemos una historia que contar, lo demás es un poco más fácil. Pero no debemos subestimar la dificultad de contarla de la manera más adecuada.
Llega el momento de elegir el tipo de infografía que más se adapta a la información que necesitamos comunicar.
Paso 3: Buscar referentes
APRENDER DE OTROS TRABAJOSBuscar referentes implica mirar muchos, pero muchos trabajos o infografías realizadas por otras personas. Puede ser del tema que nos toca trabajar como de cualquier otro. Una buena base visual nos permite generar en un nuestra mente una imagen de lo que queremos lograr.
Referenciarse NO es encontrar algo para copiar tal como fué realizado. Consiste en observar cómo trabajan otras personas y tomar de cada trabajo lo que nos resulte útil.
Siempre guarden lo que encuentran y que les gusta, porque muchas veces no se vuelve a encontrar.
Paso 4:Editar la información
HACER VISUAL LA INFORMACIÓNUna de las virtudes más reconocidas de las infografías es la posibilidad de agregar soportes visuales al contenido textual: imágenes, fotografías, íconos, etc.
● Organiza todos los textos en un documento.
● Detectá los elementos que sean “infografiables” (datos numéricos, estadísticas, fechas, valores), es decir que puedan comunicarse por medio de imágenes, íconos o numeralias.
● En este punto deber buscar las imágenes y iconos que querés utilizar, así como definir las paletas de colores, ilustraciones y demás elementos que vas a necesitar para tu boceto.
Paso 5:Realizar un boceto
Lápiz y papel, las estrellas del diseño Resulta muy útil diagramar en una plataforma física lo que luego pasaremos a digital como nuestra infografía.
Una sugerencia; ¡Manténgalo simple! Un contenido bien presentado es claro y sin demasiadas distracciones. No las necesita: es más atractivo un diseño que hace buen uso de los espacios en blanco y de los íconos seleccionados.
En este punto, en nuestra mente ya comienzan a formarse las ideas de cómo se verá: los colores, las tipografías, los íconos, las imágenes, etc. Gracias a los referentes buscados.
Paso 6:Ejecutar el boceto digitalmente
SELECCIONAR ICONOS● Elige un estilo y no lo cambies: Ya sea
que utilices íconos simples, de líneas, con colores, serios o divertidos; es importante que no los cambies a lo largo del diseño.
● Luego de que hayas elegido el estilo de los iconos, es importante alinearlo al tono y esquema de colores de la infografía.
● Adapta a los íconos a la paleta de colores correcta: Asegúrate de que los iconos que selecciones se relacionen al tema y al contexto general. Deberían complementar la paleta de la infografía.
ESPACIOS EN BLANCOEs un elemento fundamental que forma parte de un gran diseño. El mal uso del espacio en blanco afecta la legibilidad de un proyecto. Sin el suficiente espacio entre líneas, el texto se transforma en una masa amorfa de caracteres oscuros. El uso correcto del espacio en blanco te permite leer el contenido en el orden correcto. Te ayuda a priorizar qué leer primero, mostrándole al lector dónde están las prioridades.
COLORES● No utilices más de dos o tres colores
por infografía.
● Utiliza el color para resaltar un contenido específico
● Si necesitas hacerlo, utiliza herramientas para obtener combinaciones de colores.
ALINEAR (USAR GRILLA)El uso de una grilla y la alineación de los elementos en ella, mantiene la pulcritud de la información y contenido. Sin alineación, el diseño sería potencialmente desordenado (o imperfecto, ¡lo que puede molestar a muchos a la vista!), y el desorden aleja a la gente. Además, mientras una alineación mantiene al texto claro, también ayuda a aumentar la legibilidad al mismo tiempo, lo que significa una barrera menos para que los lectores accedan al contenido.
MANTENER COHERENCIALa coherencia en el diseño gráfico permite transmitir tu mensaje apropiadamente y dar credibilidad.
Una gran parte de la coherencia en el diseño está en seleccionar las fuentes y los iconos correctos, adherirse a ellos, y sacar provecho de ambos.
Cada grupo de íconos tiene su propia coherencia: mantiene paleta de colores, si llevan o no contorno, si el mismo es continuo o no, el valor de línea, etc.
Herramientas para crear una infografía
HERRAMIENTAS GRATUITAS PARA CREAR INFOGRAFÍAS NO PROFESIONALES*● Venngage.com: Herramienta en español que permite crear infografías atractivas y
efectivas. Cuenta con una opción gratuita que permite realizar hasta 5 infografías.
● PiktoChart es una herramienta web que permite crear atractivas infografías a partir de unas plantillas y objetos que se añaden con un simple arrastrar y soltar. Permite personalizar colores y fuentes en solo clic, siendo muy fácil de usar. La opción gratuita es un poco limitada, pero permite hacer infografías simples.
HERRAMIENTAS GRATUITAS PARA CREAR INFOGRAFÍAS NO PROFESIONALES*● Canva es una herramienta web que permite diseñar y crear imágenes para Internet a
personas que no son diseñadoras, cuenta con plantillas gratuitas para construir infografías de forma fácil.
● Adobe Spark: Pueden diseñar infografías con Adobe Spark a partir de plantillas sobre temas destacados.
● Visme.co: es una herramienta tiene un gran número de plantillas para infografías (muchas de ellas gratis).
HERRAMIENTAS GRATUITAS PARA CREAR INFOGRAFÍAS NO PROFESIONALES*● Easel.ly es una herramienta web que permite crear infografías sofisticadas a partir de
plantillas que ofrecen, pudiendo arrastrar y soltar dentro de ellas todo tipo de símbolos (líneas, formas, texto, imágenes propias, iconos, etc) para personalizar el resultado final sin perder claridad ni calidad. Las infografías pueden ser exportadas en formatos pdf, jpg, png o web para ser compartidas online.
● prezi.com permite generar infografías de manera colaborativa y animadas de forma online.
*No profesionales: Nos referimos a que pueden tener limitaciones a la hora de generar un archivo para imprenta, o de hacer cosas distintas fuera de sus plantillas.
RECURSOS GRÁFICOS
Referentes
● Dribbble
● Behance
● Instagram (buscar por “#infografia,
#infographic”, etc.)
RECURSOS GRÁFICOS
Imágenes
● https://www.freepik.es/home
● https://www.pexels.com/es-es/
● https://unsplash.com/
● https://realisticshots.com/
● https://www.lifeofpix.com/
● https://picjumbo.com/
RECURSOS GRÁFICOS
iconos
● https://www.freepik.es/home
● https://www.flaticon.com/
● https://feathericons.com/
● https://streamlineicons.com/
● https://thenounproject.com/
● https://interfacer.xyz/
RECURSOS GRÁFICOS
vectoriales
● https://www.freepik.es/home● https://www.humaaans.com/● https://undraw.co/illustrations● https://absurd.design/● https://www.ls.graphics/whoosh● https://ui8.net/users/karthik-s● https://www.digitaldesignlibrary.io/cat
egory/illustrations● https://stubborn.fun/● https://www.drawkit.io/● https://iradesign.io/● https://interfacer.xyz/● https://freebiesupply.com/
¡Terminamos!
Este apunte fué realizado por los docentes Alejandra V. Mazaira y Juan S. Ramírez para la asignatura Prácticas del Diseño 2, dictada en las Escuelas Técnicas Raggio.
Fuentes con las que creamos este apunte
● https://www.paredro.com/4-elementos-esenciales-en-todo-diseno-en-infografia/
● https://blog.hubspot.es/marketing/tipos-de-infografias● https://www.cerotec.net/es/diseno-grafico/las-5-mejores-h
erramientas-para-hacer-infogra/n-360● https://inconsolata.com/post/135787251062/cabarceno● https://www.flickr.com/● https://piktochart.com/es/blog/como-crear-una-infografia-
guia-completa/● https://www.partesdel.com/partes_de_la_infografia.html● https://www.juancmejia.com/redes-sociales/como-hacer-u
na-infografia-guia-y-herramientas-para-disenarla/● https://javiperezcm.com/hacer-infografia-tipos-elementos-
y-herramientas/● https://rockcontent.com/es/blog/como-hacer-una-infografia● http://www.ofifacil.com/ofifacil-infografias-que-es-definici
on-como-se-hacen.php● https://www.paredro.com/4-elementos-esenciales-en-todo
-diseno-en-infografia/