{"id":16971,"date":"2016-01-14T16:19:54","date_gmt":"2016-01-14T15:19:54","guid":{"rendered":"http:\/\/www.totemguard.com\/aulatotem\/?p=16971"},"modified":"2025-03-10T18:13:35","modified_gmt":"2025-03-10T17:13:35","slug":"7-pautas-para-disenar-una-infografia-eficiente","status":"publish","type":"post","link":"https:\/\/www.totemguard.com\/aulatotem\/2016\/01\/7-pautas-para-disenar-una-infografia-eficiente\/","title":{"rendered":"7 pautas para dise\u00f1ar una infograf\u00eda eficiente"},"content":{"rendered":"\n<p>Una infograf\u00eda es una representaci\u00f3n visual y ordenada de informaci\u00f3n, datos o estad\u00edsticas. Su fin es aprovechar la capacidad del cerebro para aprender y retener conceptos y n\u00fameros m\u00e1s f\u00e1cilmente a trav\u00e9s de im\u00e1genes y gr\u00e1ficos. El concepto de&nbsp;infograf\u00eda, por ejemplo, puede definirse visualmente&nbsp;con esta simple&nbsp;<a href=\"http:\/\/visual.ly\/what-infographic-2\" target=\"_blank\" rel=\"noopener noreferrer\">representaci\u00f3n<\/a>.<\/p>\n\n\n\n<p>Hoy en d\u00eda no es necesario ser un dise\u00f1ador gr\u00e1fico para crear bellas infograf\u00edas gracias a la aparici\u00f3n de una gran cantidad de herramientas web que facilitan el proceso de su creaci\u00f3n a partir del uso de unas plantillas predeterminadas. Una lista de las mejores herramientas y recursos que existen para crear infograf\u00edas se enumeran en este&nbsp;<a href=\"https:\/\/www.totemguard.com\/aulatotem\/2012\/04\/como-crear-bellas-infografias-sin-saber-diseno-grafico\/\" target=\"_blank\" rel=\"noopener noreferrer\">art\u00edculo<\/a>.<\/p>\n\n\n\n<p>En el campo de la educaci\u00f3n&nbsp;el profesor puede elaborar infograf\u00edas para diferentes fines de aprendizaje exponiendo las siguientes&nbsp;ideas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Crear una l\u00ednea del tiempo para ilustrar un evento en la Historia, la evoluci\u00f3n de una noticia de actualidad o de una tecnolog\u00eda. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088873\/\" target=\"_blank\" rel=\"noopener noreferrer\">La evoluci\u00f3n del tel\u00e9fono<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Mostrar&nbsp;los pasos de un experimento cient\u00edfico o fases de un proceso qu\u00edmico. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292158565268\/\" target=\"_blank\" rel=\"noopener noreferrer\">La Mitosis<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Crear una tabla comparativa de m\u00fasicos, escritores, monumentos hist\u00f3ricos o datos de una poblaci\u00f3n. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159089052\/\" target=\"_blank\" rel=\"noopener noreferrer\">Calidad de vida entre pa\u00edses<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Resumir las partes m\u00e1s importantes de una lecci\u00f3n. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088889\/\" target=\"_blank\" rel=\"noopener noreferrer\">Presente de los verbos regulares<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elaborar&nbsp;un cartograma, es decir un mapa que muestra datos de cantidad asociados a \u00e1reas geogr\u00e1ficas. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159107285\/\" target=\"_blank\" rel=\"noopener noreferrer\">La poblaci\u00f3n online en el mundo<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plantear las preguntas que deben responder los alumnos en un proyecto de aula. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088938\/\" target=\"_blank\" rel=\"noopener noreferrer\">Analizar un libro de lectura<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Presentar los resultados de una encuesta. Ejemplo: <a href=\"https:\/\/www.totemguard.com\/aulatotem\/2015\/12\/es-google-siempre-el-mejor-motor-de-busqueda-una-comparativa-con-bing-duckduckgo-y-twitter\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00bfEs Google siempre el mejor motor de b\u00fasqueda?<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Presentar estad\u00edsticas y gr\u00e1ficos con datos significativos sobre la&nbsp;poblaci\u00f3n, la econom\u00eda o la tecnolog\u00eda. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088926\/\" target=\"_blank\" rel=\"noopener noreferrer\">La econom\u00eda m\u00f3vil<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ofrecer&nbsp;un breve resumen&nbsp;de las unidades de una materia como \u00edndice preliminar.&nbsp;Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292158565272\/\" target=\"_blank\" rel=\"noopener noreferrer\">Teor\u00eda de la Comunicaci\u00f3n&nbsp;<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enumerar&nbsp;trucos y consejos para hacer un buen curso o proyecto. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088950\/\" target=\"_blank\" rel=\"noopener noreferrer\">Trucos para estudiar&nbsp;de forma inteligente<\/a>, <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088952\/\" target=\"_blank\" rel=\"noopener noreferrer\">Consejos para tener \u00e9xito en un curso online<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Plantear una pregunta y ofrecer pistas para que el alumno pueda adivinar la respuesta viendo las diferentes partes de la infograf\u00eda y a\u00f1adiendo la respuesta al final. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159088977\/\" target=\"_blank\" rel=\"noopener noreferrer\">Concurso de Navidad<\/a><\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Realizar un organigrama para mostrar una secuencia&nbsp;l\u00f3gica con un flujo&nbsp;de causas y efectos. Ejemplo: <a href=\"https:\/\/es.pinterest.com\/pin\/94505292159089424\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hosting<\/a><\/li>\n<\/ul>\n\n\n\n<p>La calidad de la infograf\u00eda depender\u00e1 primeramente de la calidad de la informaci\u00f3n incluida,&nbsp;pero tambi\u00e9n en segundo lugar de su est\u00e9tica, siendo muy importante seguir unas reglas generales de dise\u00f1o gr\u00e1fico para su atractiva comprensi\u00f3n visual.<\/p>\n\n\n\n<p>Ambos aspectos son fundamentales y cuando uno&nbsp;se inicia en su creaci\u00f3n, se comenten&nbsp;una serie de errores comunes que pueden evitarse siguiendo las&nbsp;siguientes pautas:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Simplifica la explicaci\u00f3n de&nbsp;un tema complejo&nbsp;<\/strong><\/h3>\n\n\n\n<p>El&nbsp;objetivo de una infograf\u00eda es&nbsp;mejorar visualmente la compresi\u00f3n de un tema. Para ello la infograf\u00eda debe presentar la informaci\u00f3n de una forma<strong> clara y concisa<\/strong> y apoy\u00e1ndose en un <strong>dise\u00f1o atractivo<\/strong>.<\/p>\n\n\n\n<p>El \u00e9xito reside en comunicar una historia desde una perspectiva nueva. La infograf\u00eda no pretende agrupar todos los datos conocidos de un tema, sino que intenta <strong>concretar y resumir<\/strong> aquellos <strong>puntos m\u00e1s importantes <\/strong>que deseamos que el lector retenga<strong>.<\/strong> Mant\u00e9n en mente el mensaje que deseas trasmitir y al p\u00fablico a qui\u00e9n va dirigido.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Planifica su organizaci\u00f3n<\/strong><\/h3>\n\n\n\n<p>Una infograf\u00eda es similar a un escrito en donde se necesita un <strong>flujo narrativo l\u00f3gico<\/strong>. Se crea&nbsp;una historia visual de un tema concreto, definiendo unas&nbsp;secciones que van apareciendo de forma secuencial. No se trata de lanzar informaci\u00f3n de forma aleatoria y sin ninguna interconexi\u00f3n&nbsp;en un canvas en blanco.<\/p>\n\n\n\n<p>Para ayudar a distinguir visualmente las diferentes secciones de la infograf\u00eda, <strong>cada secci\u00f3n se introduce con su propio t\u00edtulo y un color de fondo diferente<\/strong>. Tambi\u00e9n ayuda el uso de l\u00edneas de separaci\u00f3n para dividir las&nbsp;secciones.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"985\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_planificar_informacion.jpg\" alt=\"Infografia_planificar_informacion\" class=\"wp-image-17086\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_planificar_informacion.jpg 788w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_planificar_informacion-240x300.jpg 240w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_planificar_informacion-760x950.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_planificar_informacion-320x400.jpg 320w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_planificar_informacion-82x102.jpg 82w\" sizes=\"auto, (max-width: 788px) 100vw, 788px\" \/><\/figure>\n<\/div>\n\n\n<p>Un error&nbsp;t\u00edpico&nbsp;es sobrecargar la infograf\u00eda con texto, im\u00e1genes y datos transform\u00e1ndose en un relato denso e ilegible.<\/p>\n\n\n\n<p>Previamente al dise\u00f1o digital se ha de&nbsp;seleccionar cuidadosamente la informaci\u00f3n imprescindible para ilustrar el tema, pero tambi\u00e9n es conveniente&nbsp;<strong>realizar un esbozo en un papel con el dise\u00f1o, las secciones y los elementos gr\u00e1ficos que se van a utilizar.<\/strong><\/p>\n\n\n\n<p>Para un dise\u00f1o atractivo asegura que <strong>hay suficiente&nbsp;espacio libre entre los diferentes elementos<\/strong> utilizados en la infograf\u00eda. Con frecuencia en un af\u00e1n por incluir mucha informaci\u00f3n, la falta de espacio en el canvas lleva a su autor a pegar en exceso un texto con una imagen.<\/p>\n\n\n\n<p>En la siguiente infograf\u00eda&nbsp;puedes ver que el cuadrado lila, en comparaci\u00f3n con el rojo, est\u00e1 repleto de iconos y texto dejando poco espacio entre secciones que dificultan la compresi\u00f3n visual.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones-1024x493.jpg\" alt=\"nfografia_espacio_entre_secciones\" class=\"wp-image-17090\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones-1024x493.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones-300x144.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones-760x366.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones-518x249.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones-82x39.jpg 82w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_espacio_entre_secciones.jpg 1195w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Recuerda que <strong>la disposici\u00f3n de los elementos ha de ser ordenada siguiendo un patr\u00f3n l\u00f3gico<\/strong>.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#e0e5ec\">\ud83d\ude80 \u00bfTe cuesta aprovechar la IA en tu pr\u00e1ctica educativa? \u00danete 30.000+ profesionales de la educaci\u00f3n y recibe cada semana estrategias pr\u00e1cticas, herramientas probadas y contenido \u00fatil de verdad. Investigaciones, encuestas y secciones \u00fanicas que no encontrar\u00e1s en ning\u00fan otro bolet\u00edn. S\u00f3lo 5 minutos de lectura, explicaciones claras y cero tecnicismos innecesarios. <a href=\"https:\/\/academy.totemguard.com\/subscribe?utm_source=newsletter&amp;utm_medium=Blog&amp;utm_campaign=lead_capture\" target=\"_blank\" rel=\"noopener\" title=\"\"><strong>Suscr\u00edbete<\/strong><\/a> <strong>a<\/strong> <strong>TotemAI<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Presenta&nbsp;la informaci\u00f3n visualmente<\/strong><\/h3>\n\n\n\n<p>Nuestro cerebro procesa la informaci\u00f3n visual de forma m\u00e1s r\u00e1pida y f\u00e1cil que si usamos s\u00f3lo texto. Seg\u00fan se explica en el libro&nbsp;<a href=\"http:\/\/www.amazon.com\/gp\/product\/098326337X\/ref=as_li_tl?ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=098326337X&amp;linkCode=as2&amp;tag=coolinfog-20&amp;linkId=GED5XTNPPNWZZSND\" target=\"_blank\" rel=\"noopener noreferrer\">Brain Rules<\/a>&nbsp;de John Medina, <strong>la informaci\u00f3n visual tiene un 650% m\u00e1s de probabilidad de ser retenida<\/strong> por una audiencia que si s\u00f3lo se utiliza un texto.<\/p>\n\n\n\n<p>Una vez elegida la informaci\u00f3n a presentar, es importante encontrar el equilibrio entre la informaci\u00f3n escrita y la informaci\u00f3n visual. Una gu\u00eda ser\u00eda incluir un <strong>m\u00e1ximo de entre 300 y 800 palabras<\/strong>.<\/p>\n\n\n\n<p>Para la clara lectura del texto ayuda <strong>usar un lista de puntos o una numeraci\u00f3n y el uso de t\u00edtulos y subt\u00edtulos<\/strong>. Tal y como se muestra en el ejemplo, el t\u00edtulo puede resaltarse marcando la letra en negrita y aumentando su tama\u00f1o.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"647\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto-1024x647.jpg\" alt=\"Infografia_enumeracion_texto\" class=\"wp-image-17092\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto-1024x647.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto-300x189.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto-760x480.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto-518x327.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto-82x51.jpg 82w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_enumeracion_texto.jpg 1192w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Si te encuentras escribiendo demasiadas palabras en la infograf\u00eda, piensa en una manera de <strong>transmitir esa misma idea a trav\u00e9s de una imagen, una diagrama de flujo o un gr\u00e1fico<\/strong>. El objetivo debe ser transformar lo complejo en algo f\u00e1cil de digerir.<\/p>\n\n\n\n<p>Si nuestra infograf\u00eda incluye n\u00fameros y estad\u00edsticas, nuestra mente procesar\u00e1 estos datos mucho mejor si vemos su <strong>cuantificaci\u00f3n en vez de ver simplemente el n\u00famero o el signo de porcentaje<\/strong>. Para ello podemos usar iconos y gr\u00e1ficos circulares como se muestra en el ejemplo de debajo.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"759\" height=\"1024\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes-759x1024.jpg\" alt=\"Infografia_cuantificar_numeros_porcentajes\" class=\"wp-image-17094\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes-759x1024.jpg 759w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes-222x300.jpg 222w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes-760x1025.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes-296x400.jpg 296w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes-82x110.jpg 82w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_cuantificar_numeros_porcentajes.jpg 780w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><\/figure>\n<\/div>\n\n\n<p>En el uso de im\u00e1genes es importante asegurar que son im\u00e1genes de dominio p\u00fablico o con licencias de <a href=\"https:\/\/es.wikipedia.org\/wiki\/Creative_Commons\" target=\"_blank\" rel=\"noopener noreferrer\">Creative Commons<\/a> para no infringir los derechos de propiedad intelectual. Igualmente asegura que tienen una suficiente&nbsp;resoluci\u00f3n (un m\u00ednimo de 150 dpi) y no se ven borrosas al ampliar la infograf\u00eda, especialmente si vas a imprimirla.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Elige una paleta de colores adecuada<\/strong><\/h3>\n\n\n\n<p>El uso de color mejora, seg\u00fan numerosos estudios, en un 73% la comprensi\u00f3n de una informaci\u00f3n ( \u00abThe Power of Color\u00bb, Johnson, 1992) y tambi\u00e9n influye en el rendimiento de la memoria aumentando el nivel de atenci\u00f3n y empat\u00eda (\u00abThe Contributions of Color to Recognition Memory for Natural Scenes,\u00bb Felix A. Wichmann, 2002).<\/p>\n\n\n\n<p>Aprovechar el efecto del color es esencial en la comunicaci\u00f3n visual&nbsp;pero el abuso de muchos colores diferentes dentro de un mismo dise\u00f1o, es com\u00fan y puede producir el efecto contrario. <strong>Es recomendable limitarse al uso de una paleta de entre 3 a 5 colores<\/strong>.<\/p>\n\n\n\n<p>Si necesitas inspiraci\u00f3n para encontrar una gama de colores que combinen adecuadamente con tu dise\u00f1o, puedes crear tu propia&nbsp;paleta de colores con la herramienta web <a href=\"https:\/\/coolors.co\/browser\" target=\"_blank\" rel=\"noopener noreferrer\">Coolors<\/a>, o configurarla en&nbsp;<a href=\"http:\/\/www.pictaculous.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pictaculous<\/a>&nbsp;a partir de una imagen que vas a usar en la infograf\u00eda, o buscar&nbsp;inspiraci\u00f3n en el blog de <a href=\"https:\/\/www.canva.com\/es_mx\/aprende\/100-combinaciones-colores-como-aplicarlas-disenos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Canva<\/a>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"964\" height=\"766\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Coolors_-generar_paleta_de_colores.jpg\" alt=\"Coolors_-generar_paleta_de_colores\" class=\"wp-image-17096\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Coolors_-generar_paleta_de_colores.jpg 964w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Coolors_-generar_paleta_de_colores-300x238.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Coolors_-generar_paleta_de_colores-760x603.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Coolors_-generar_paleta_de_colores-503x400.jpg 503w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Coolors_-generar_paleta_de_colores-82x65.jpg 82w\" sizes=\"auto, (max-width: 964px) 100vw, 964px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Insp\u00edrate analizando otros dise\u00f1os<\/strong><\/h3>\n\n\n\n<p>Si pones atenci\u00f3n, ver\u00e1s que est\u00e1s expuesto a diario a comunicaciones visuales de informaci\u00f3n.&nbsp;Si te encuentras en la calle con un p\u00f3ster publicitario que te llama la atenci\u00f3n, o mientras navegas por Internet, una imagen con un texto te parece especialmente cautivador, captura y guarda estos dise\u00f1os en tu ordenador.<\/p>\n\n\n\n<p>Cuando tengas que ponerte a realizar una infograf\u00eda, analiza&nbsp;estos ejemplos para encontrar inspiraci\u00f3n y&nbsp;adaptar el dise\u00f1o a tu tema. Con frecuencia&nbsp;un tipo de letra original, un juego de palabras o una combinaci\u00f3n de im\u00e1genes y colores es todo lo que se necesita para darle ese efecto profesional y seductor.<\/p>\n\n\n\n<p>Tambi\u00e9n puedes visitar estos dos blogs,&nbsp;<a href=\"http:\/\/www.dailyinfographic.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Daily Infographic<\/a>&nbsp;y <a href=\"http:\/\/www.coolinfographics.com\/cool-posters\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cool Infographics<\/a>,&nbsp;para inspirarte de ideas con&nbsp;ejemplos de infograf\u00edas en temas y dise\u00f1os muy variados.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Cita tus fuentes de informaci\u00f3n y atribuciones<\/strong><\/h3>\n\n\n\n<p>Si la infograf\u00eda incluye estad\u00edsticas, hechos o n\u00fameros, es importante mencionar las fuentes de informaci\u00f3n utilizadas, siendo una buena pr\u00e1ctica incluirlas al pie&nbsp;de la infograf\u00eda para no interrumpir el flujo visual del tema.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"611\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes-1024x611.jpg\" alt=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes.jpg\" class=\"wp-image-17099\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes-1024x611.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes-300x179.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes-760x453.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes-518x309.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes-82x48.jpg 82w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_citar_fuentes.jpg 1189w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Es&nbsp;importante asegurar que los datos son recientes, especialmente en campos&nbsp;como la tecnolog\u00eda o la ciencia, en donde la informaci\u00f3n queda obsoleta r\u00e1pidamente. Igualmente si las im\u00e1genes usadas requieren de atribuci\u00f3n a su autor, podemos ponerlas en este apartado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. Firma la infograf\u00eda con tu nombre<\/strong><\/h3>\n\n\n\n<p>Tras el esfuerzo&nbsp;que implica elaborar una excelente infograf\u00eda, te gustar\u00e1 obtener el cr\u00e9dito como autor por el trabajo realizado. Para ello firma&nbsp;la infograf\u00eda&nbsp;con tu nombre y apellidos y\/o con un logo asociado a tu identidad digital en el pie del dise\u00f1o<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"215\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor-1024x215.jpg\" alt=\"Infografia_formar_autor\" class=\"wp-image-17101\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor-1024x215.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor-300x63.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor-760x159.jpg 760w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor-518x108.jpg 518w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor-82x17.jpg 82w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/Infografia_formar_autor.jpg 1594w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p>Para no saltarse estas pautas&nbsp;es recomendable iniciarse en la creaci\u00f3n de infograf\u00edas <strong>partiendo de las plantillas predeterminadas<\/strong> que ofrecen muchas herramientas web. Una de mis preferidas es <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Canva<\/a> por su sencillez de uso.<\/p>\n\n\n\n<p>A medida que vas cogiendo m\u00e1s experiencia y vas desarrollando las competencias digitales espec\u00edficas a la edici\u00f3n de las mismas, puedes experimentar con dise\u00f1os m\u00e1s avanzados que reflejan tus propias ideas y creatividad.<\/p>\n\n\n\n<p><strong>Puedes ver un video tutorial para crear infograf\u00eda en Canva<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Crea una infograf\u00eda IMPACTANTE en Canva con este video tutorial: TRUCOS y RECURSOS gratuitos \ud83d\udcca\ud83d\udcc8\ud83c\udf93\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/6foo6SgQS40?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Una infograf\u00eda es una representaci\u00f3n visual y ordenada de informaci\u00f3n, datos o estad\u00edsticas. Su fin es aprovechar la capacidad del cerebro para aprender y retener conceptos y n\u00fameros m\u00e1s f\u00e1cilmente a trav\u00e9s de im\u00e1genes y gr\u00e1ficos. El concepto de&nbsp;infograf\u00eda, por ejemplo, puede definirse visualmente&nbsp;con esta simple&nbsp;representaci\u00f3n. Hoy en d\u00eda no es necesario ser un dise\u00f1ador [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":21298,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[114,21],"tags":[66,105],"class_list":["post-16971","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-popular","category-tecnologia","tag-diseno-grafico","tag-infografia"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2016\/01\/infografia-pautas-diseno.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/comments?post=16971"}],"version-history":[{"count":156,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16971\/revisions"}],"predecessor-version":[{"id":28773,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16971\/revisions\/28773"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media\/21298"}],"wp:attachment":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media?parent=16971"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/categories?post=16971"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/tags?post=16971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}