{"id":10162,"date":"2017-01-21T10:33:58","date_gmt":"2017-01-21T09:33:58","guid":{"rendered":"https:\/\/www.websdirect.es\/?p=10162"},"modified":"2026-06-24T16:09:18","modified_gmt":"2026-06-24T16:09:18","slug":"crear-una-infografia-impactante","status":"publish","type":"post","link":"https:\/\/www.websdirect.es\/blog\/crear-una-infografia-impactante\/","title":{"rendered":"C\u00f3mo crear una infograf\u00eda impactante: gu\u00eda paso a paso"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Una infograf\u00eda impactante no es la m\u00e1s bonita, sino la que se entiende de un vistazo y deja una idea clara. Y eso no es cuesti\u00f3n de suerte ni de saber dibujar: es m\u00e9todo. Esta gu\u00eda recorre, paso a paso, c\u00f3mo crear una infograf\u00eda que comunique de verdad, desde el mensaje hasta el dise\u00f1o final.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 1: define el mensaje y el objetivo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de abrir ninguna herramienta, responde: \u00bfqu\u00e9 una sola idea quiero que la gente recuerde? Una infograf\u00eda que intenta contarlo todo no cuenta nada. Define tambi\u00e9n el objetivo (informar, comparar, explicar un proceso, dar a conocer datos) y a qui\u00e9n va dirigida. Ese foco guiar\u00e1 todas las decisiones siguientes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 2: re\u00fane datos fiables y elige el tipo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El contenido manda sobre la forma. Re\u00fane datos veraces y con fuente, y descarta lo accesorio: en una infograf\u00eda, menos es m\u00e1s. Con la informaci\u00f3n clara, elige el <strong>tipo<\/strong> que mejor la sirva \u2014estad\u00edstica, de proceso, comparativa, cronol\u00f3gica o jer\u00e1rquica\u2014, tal como vemos en nuestra gu\u00eda sobre <a href=\"\/blog\/infografias-impacto-decisivo-contenido-visual\/\">qu\u00e9 son y cu\u00e1ndo usar infograf\u00edas<\/a>. La forma debe seguir a la funci\u00f3n, no al rev\u00e9s.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 3: ordena con jerarqu\u00eda visual<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed se gana o se pierde la claridad. <strong>Jerarqu\u00eda visual<\/strong> significa guiar el ojo: un t\u00edtulo que enganche, bloques bien diferenciados, un orden de lectura evidente (de arriba abajo o siguiendo un flujo) y espacio en blanco para respirar. Lo m\u00e1s importante debe verse primero y m\u00e1s grande. Si el lector no sabe por d\u00f3nde empezar, la infograf\u00eda ha fallado por muy vistosa que sea.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"637\" src=\"https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-240.webp\" alt=\"Persona revisando infograf\u00edas impresas con gr\u00e1ficos y estad\u00edsticas sobre una mesa de madera junto a una tablet Samsung Galaxy Tab\" class=\"wp-image-20903\" srcset=\"https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-240.webp 960w, https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-240-300x199.webp 300w, https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-240-768x510.webp 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 4: dise\u00f1a con coherencia de marca<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El dise\u00f1o debe sumar, no distraer:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Color<\/strong>: una paleta limitada y coherente con tu marca; el color para destacar, no para abarrotar.<\/li>\n\n\n\n<li><strong>Tipograf\u00eda<\/strong>: una o dos fuentes legibles; jerarqu\u00eda clara entre titulares y texto.<\/li>\n\n\n\n<li><strong>Iconos y gr\u00e1ficos<\/strong>: un mismo estilo en toda la pieza; que ilustren, no que rellenen.<\/li>\n\n\n\n<li><strong>Datos visuales<\/strong>: gr\u00e1ficos honestos (sin escalas enga\u00f1osas) que se entiendan solos.<\/li>\n\n\n\n<li><strong>Marca<\/strong>: incluye tu logo y, si procede, la fuente y tu web, para que al compartirse siga remitiendo a ti.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Paso 5: elige la herramienta y exporta bien<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No necesitas ser dise\u00f1ador: hay herramientas con plantillas (tipo Canva, Genially y similares) que facilitan mucho el trabajo. Elige una con la que te sientas c\u00f3modo y exporta en el formato y tama\u00f1o adecuados para donde vas a publicarla (vertical para redes, horizontal para web, alta resoluci\u00f3n si va a impresi\u00f3n). Comprueba que el texto sigue siendo legible en m\u00f3vil.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Errores que restan impacto<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los m\u00e1s habituales: <strong>saturar<\/strong> la pieza con demasiada informaci\u00f3n; usar <strong>muchos colores y fuentes<\/strong> que compiten entre s\u00ed; gr\u00e1ficos <strong>confusos o enga\u00f1osos<\/strong>; texto tan peque\u00f1o que no se lee en m\u00f3vil; y olvidar la <strong>marca y la fuente<\/strong>. Casi todos se resumen en lo mismo: priorizar el adorno sobre la claridad.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"591\" height=\"591\" src=\"https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-239.webp\" alt=\"Infograf\u00eda sobre el agua en el mundo con estad\u00edsticas: 68,7% glaciares polares, 30,1% aguas subterr\u00e1neas, 71% agua mundial, consumo diario por g\u00e9nero y mapa de distribuci\u00f3n global\" class=\"wp-image-20904\" style=\"width:840px;height:auto\" srcset=\"https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-239.webp 591w, https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-239-300x300.webp 300w, https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-239-150x150.webp 150w\" sizes=\"auto, (max-width: 591px) 100vw, 591px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">La infograf\u00eda dentro de tu contenido<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una infograf\u00eda rinde m\u00e1s cuando no vive aislada: nace de un contenido (un art\u00edculo, un informe) y se reparte en piezas para redes. Encaja as\u00ed en tu <a href=\"\/blog\/marketing-en-redes-sociales-para-empresas\/\">estrategia de redes y contenidos<\/a>, multiplicando el alcance de lo que ya has creado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">La prueba de los cinco segundos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de dar por buena una infograf\u00eda, hazle una prueba sencilla: ens\u00e9\u00f1asela a alguien que no conozca el tema durante unos cinco segundos y preg\u00fantale qu\u00e9 ha entendido. Si capta el mensaje principal sin esfuerzo, vas bien; si duda, se pierde o te pide que se lo expliques, es se\u00f1al de que hay que simplificar. Este test, tan r\u00e1pido como revelador, evita publicar piezas que para ti tienen todo el sentido \u2014porque conoces el tema a fondo\u2014 pero que para un ojo nuevo resultan confusas. Recuerda que la infograf\u00eda no la dise\u00f1as para ti, sino para quien la ver\u00e1 por primera vez, de pasada y casi siempre desde el m\u00f3vil. Si supera esa prueba, est\u00e1 lista; si no, casi siempre la soluci\u00f3n es quitar, no a\u00f1adir.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo te ayudamos en WebsDirect<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En WebsDirect convertimos tus datos y mensajes en infograf\u00edas claras y coherentes con tu marca, listas para web y redes, e integradas en tu estrategia de contenidos para que cada pieza trabaje por ti y no se quede en un bonito adorno.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfQuieres infograf\u00edas que se entiendan y se compartan?<\/strong> Solicita un <a href=\"\/marketing-digital-seo-sem\/\">diagn\u00f3stico gratuito<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes sobre c\u00f3mo crear una infograf\u00eda<\/h2>\n\n\n    <div class=\"faq-item\">\n      <button class=\"faq-q\" type=\"button\" onclick=\"wdToggleFaq(this)\">\u00bfPor d\u00f3nde empiezo para crear una infograf\u00eda?<span class=\"faq-icon\">+<\/span><\/button>\n      <div class=\"faq-a\"><br \/>\nPor el mensaje, no por el dise\u00f1o. Define la \u00fanica idea que quieres que se recuerde, el objetivo (informar, comparar, explicar un proceso) y a qui\u00e9n va dirigida. Ese foco guiar\u00e1 la elecci\u00f3n de datos, tipo y dise\u00f1o. Una infograf\u00eda que intenta contarlo todo no comunica nada.<br \/>\n<\/div>\n    <\/div>\n    \n    <div class=\"faq-item\">\n      <button class=\"faq-q\" type=\"button\" onclick=\"wdToggleFaq(this)\">\u00bfQu\u00e9 es la jerarqu\u00eda visual y por qu\u00e9 importa tanto?<span class=\"faq-icon\">+<\/span><\/button>\n      <div class=\"faq-a\"><br \/>\nEs ordenar los elementos para guiar el ojo del lector: un t\u00edtulo que enganche, bloques diferenciados, un orden de lectura claro y espacio en blanco. Lo m\u00e1s importante debe verse primero y m\u00e1s grande. Sin jerarqu\u00eda, una infograf\u00eda vistosa resulta confusa y pierde su impacto.<br \/>\n<\/div>\n    <\/div>\n    \n    <div class=\"faq-item\">\n      <button class=\"faq-q\" type=\"button\" onclick=\"wdToggleFaq(this)\">\u00bfNecesito saber dise\u00f1ar o usar programas complejos?<span class=\"faq-icon\">+<\/span><\/button>\n      <div class=\"faq-a\"><br \/>\nNo. Existen herramientas con plantillas (como Canva o Genially) que permiten crear infograf\u00edas sin ser dise\u00f1ador. Lo decisivo no es el programa, sino tener claro el mensaje, elegir el tipo adecuado y cuidar la jerarqu\u00eda visual y la coherencia con tu marca.<br \/>\n<\/div>\n    <\/div>\n    \n    <div class=\"faq-item\">\n      <button class=\"faq-q\" type=\"button\" onclick=\"wdToggleFaq(this)\">\u00bfCu\u00e1nta informaci\u00f3n debe llevar una infograf\u00eda?<span class=\"faq-icon\">+<\/span><\/button>\n      <div class=\"faq-a\"><br \/>\nLa justa para transmitir una idea con claridad. Menos es m\u00e1s: conviene reunir datos fiables y descartar lo accesorio. Saturar la pieza de texto y cifras es uno de los errores m\u00e1s comunes y la convierte en algo denso que nadie termina de leer.<br \/>\n<\/div>\n    <\/div>\n    \n    <div class=\"faq-item\">\n      <button class=\"faq-q\" type=\"button\" onclick=\"wdToggleFaq(this)\">\u00bfQu\u00e9 errores debo evitar?<span class=\"faq-icon\">+<\/span><\/button>\n      <div class=\"faq-a\"><br \/>\nSaturar de informaci\u00f3n, usar demasiados colores y fuentes, gr\u00e1ficos confusos o con escalas enga\u00f1osas, texto ilegible en m\u00f3vil y olvidar la marca y la fuente. Casi todos nacen de priorizar el adorno sobre la claridad, que es lo que de verdad hace impactante a una infograf\u00eda.<br \/>\n<\/div>\n    <\/div>\n    \n    <div class=\"faq-item\">\n      <button class=\"faq-q\" type=\"button\" onclick=\"wdToggleFaq(this)\">\u00bfEn qu\u00e9 formato y tama\u00f1o debo exportarla?<span class=\"faq-icon\">+<\/span><\/button>\n      <div class=\"faq-a\"><br \/>\nSeg\u00fan d\u00f3nde la publiques: vertical para redes sociales, horizontal para web y en alta resoluci\u00f3n si va a impresi\u00f3n. Comprueba siempre que el texto siga siendo legible en m\u00f3vil, ya que es donde la ver\u00e1 la mayor\u00eda de tu audiencia.<br \/>\n<\/div>\n    <\/div>\n    \n","protected":false},"excerpt":{"rendered":"<p>Una infograf\u00eda impactante no es la m\u00e1s bonita, sino la que se entiende de un vistazo y deja una idea clara. Y eso no es cuesti\u00f3n de suerte\u2026<\/p>\n","protected":false},"author":1,"featured_media":20901,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2,70],"tags":[37,93,334],"class_list":["post-10162","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consultoria-marketing-digital","category-redes-sociales","tag-diseno-web-2","tag-info","tag-infografia"],"jetpack_featured_media_url":"https:\/\/www.websdirect.es\/blog\/wp-content\/uploads\/2017\/01\/img-post-wd-238.webp","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/posts\/10162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/comments?post=10162"}],"version-history":[{"count":3,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/posts\/10162\/revisions"}],"predecessor-version":[{"id":20905,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/posts\/10162\/revisions\/20905"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/media\/20901"}],"wp:attachment":[{"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/media?parent=10162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/categories?post=10162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.websdirect.es\/blog\/wp-json\/wp\/v2\/tags?post=10162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}