Diseño de infografías - pantalla de un ordenador con una infografía y, al lado, el número 10, representando los 10 consejos dados por Venngage en el texto

Marketing Digital

10 formas de resaltar el diseño de tu infografía

¡Mira los consejos de Venngage para crear una infografía increíble!

Guest

02/10/2018 | Por Guest

Internet es un lugar muy concurrido y con frecuencia estamos tratando de llamar la atención de alguien.

Con los años, ha quedado claro que el contenido visual es realmente muy llamativo. También es innegable que las infografías son uno de los mejores tipos de contenido visual que existe.

Un estudio sobre el contenido viral de OkDork muestra que hoy en día, las infografías son el tipo de contenido más compartido en línea:

diseño de infografías - gráfico - average shares by content type

Para cualquiera que desee crear contenido llamativo e interesante para una gran audiencia, diseñar infografías cautivadoras debe ser altamente importante en su lista de prioridades.

Incluso si no eres diseñador, diseñar infografías nunca fue tan fácil.

Con una herramienta para hacer infografías en línea fácil de utilizar y con manejo de diseño infográfico, puedes hacer infografías asombrosas que tu audiencia va a disfrutar.

Pero aclaremos una cosa: ¿qué es una infografía y en qué se diferencia de los otros contenidos visuales?

Después de todo, si vamos a diseñar infografías increíbles, sería muy útil entender lo que son exactamente.

Una infografía es cualquier elemento visual diseñado para transmitir una información, dato o conocimiento. Ahora bien, eso significa que puede ser una imagen llena de información y estadísticas; y que cuenta toda una historia, así como esta:

Haz clic para ver la infografía de completa

O puede ser una imagen simple que muestra un solo punto, así:

Diseño de ingofrafía - a healthy diet

No obstante, sólo porque algo sea una infografía, no significa que automáticamente sea cautivador y llamativo. No lograrás el interés de tu audiencia, diseñando infografías desordenadas, confusas o simplemente que de pena mirarlas.

Cuando comiences a crear infografías, debes enfocarte en hacerlas originales, resaltantes y altamente informativas para tu público objetivo. Puedes hacerlo conociendo algunas de las mejores prácticas para el diseño de infografías.

Las 10 mejores prácticas para el diseño de infografías

Para crear infografías impresionantes, empieza a aplicar estas 10 mejores prácticas para el diseño de infografías:

Aunque diez parece demasiado para recordar, algunas de estas prácticas serán bastante intuitivas, mientras que con otras tendrás muchos ejemplos para percibir el mensaje.

¡Así que comencemos!

1. Usa  título grandes

Cuando diseñas una infografía, el título debe saltar directamente de la página. En solo un momento, los lectores deben saber exactamente de qué se trata la infografía.

Es realmente importante que tu tema quede claro de inmediato, así tu audiencia sabrá que la infografía trata sobre algo que les interesa.

Aquí hay un ejemplo, de un título grande de la infografía de Ultimate Mats:

Diseño de infografía - ejemplo de título

Haz clic para ver la infografía completa

Al ver la infografía, está muy claro cuál es el tema. La fuente grande y en negrita es muy informativa y fácil de leer. Si el lector está viendo la infografía en un monitor, en una laptop, una tablet o incluso un teléfono, la fuente del título en grande será fácil de ver.
Otra ventaja de crear un título grande es que se puede reutilizar como:

  • Encabezado del blog
  • Una imagen destacada en la página de tu blog
  • O una imagen de vista previa en alguna publicación en las redes sociales

En cada escenario, la fuente grande y las imágenes claras que lo acompañan, van a asegurar que el título se lea muy fácilmente y que el tema de la infografía sea tan claro como el agua.

2. Usa 3 fuentes o menos

Al diseñar tu título, siempre debes asegurarte de que la fuente sea clara y esté en negrita.

Los encabezados deben ser fáciles de leer, y el texto del cuerpo debe ser simple y legible. Tener pocas opciones de fuente mejoran tu infografía, ya que si usas demasiadas, simplemente perjudican todo tu diseño.

Preferiblemente, usar tres tipos de fuentes para tu infografía debería ser suficiente. Aquí hay una plantilla de infografía sin fines de lucro de Venngage que solo usa tres:

Diseño de infografía

Haz clic para ver la plantilla de la infografía

Monoton atrapa inmediatamente la atención del lector con su estilo digital (la fuente más grande en el título); Oswald integra el resto de la fuente del título y lo duplica como una fuente de subencabezado en la infografía; y Arimo se usa para el texto del cuerpo.

Bien, ¿Ahora qué pasa si utilizamos cinco fuentes, por ejemplo? Aquí está la misma infografía usando cinco estilos de fuente diferentes:

Diseño de infografía - ejemplo de fuente incorrenta

La idea principal de la infografía no está clara y el tema general no es coherente. Con estilos de fuente adicionales, el lector se distrae en lugar de interesarse.

El impacto de la fuente Monoton queda reducido, el tema general del diseño se interrumpe y la infografía luce algo desordenada.

Así que debes mantener opciones de fuentes simples. Debes esforzarte por atraer la atención de tu audiencia con algo único y creativo, pero sobre todo prioriza de forma clara y cohesivamente.

Recuerda, si sientes que requieres más variaciones o hacer un énfasis adicional en ciertas partes, también puedes animar o poner en cursiva las fuentes que ya tienes.

3. Crea secciones

Es muy importante dividir una infografía en secciones, sobre todo una infografía con formato largo.

Al crear secciones individuales para cada grupo de ideas o puntos, se vuelve más fácil “cortar” la información para llevarla a nuestra memoria a corto plazo y retener lo que leemos.

Puedes crear secciones muy fácilmente utilizando líneas o colores. El equipo de WebpageFX ha diseñado una infografía realmente cautivadora sobre música y productividad:

Diseño de infografía - ejemplo de secciones

Haz clic para ver la infografía completa

Los bordes ayudan a poder distinguir cada sección en la infografía, pero también pueden completar la disposición dinámica de otras imágenes.

Y aún más importante, ofrece a nuestro cerebro un descanso natural, logrando que sea más fácil la absorción de la información.

Usar diferentes colores en cada sección de tu infografía es también una excelente forma de distinguirlos. Esta infografía de Salud de Oliver Wyman que evalúa sus predicciones de atención médica para el 2017 hace precisamente eso.

Diseño de infografía - ejemplo de secciones 2

Haz clic para ver la infografía completa

La infografía utiliza un diseño bastante simple, pero usa diferentes colores para segmentar la información de manera efectiva.

4. Incorpora un flujo visual

Tu diseño debe estimular la mirada del lector para moverse a través de tu infografía desde el “inicio” hasta el “final”. Puedes lograr esto usando:

  • Una línea que va a guiar a través de cada sección
  • Iconos para crear una ‘ruta’ que el lector pueda seguir
  • Un diseño que estimule el movimiento.

Miremos esta infografía sobre marketing de atracción de Whole Brain Group:

Diseño de infografía - ejemplo de flujo visual

Haz clic para ver la infografía completa

La línea única y en negrita que encapsula cada punto individual genera una sensación de movimiento. Tus ojos lo van a perseguir naturalmente, deteniéndose en cada punto tal cual como aparece allí. La línea también es predecible, en lugar de lanzarse por todos lados.

Los iconos se pueden utilizar para estimular el “flujo” visual en el diseño de tu infografía con la misma facilidad. Por ejemplo, esta plantilla de infografía de diseño de productos de Venngage utiliza iconos dispuestos en un círculo:

Diseño de infografía - ejemplo de flujo visual 2

Haz clic para ver la plantilla de infografía

El esquema circular y en el sentido de las agujas del reloj de los íconos es fácil de seguir y provoca que los ojos del espectador se muevan de forma natural de un punto a otro.

El diseño de tu infografía también impacta la manera en cómo fluye el contenido para el lector. Esta infografía diseñada por Column Five Media analiza los costos de “buen momento” basados ​​en letras de canciones populares:

Diseño de infografía - ejemplo de flujo visual 3

Haz clic para ver la infografía completa

El diseño de la infografía guía a tus ojos desde el título de la canción, a través de los costos de las cosas que se han mencionado en cada canción, hasta un total general. Cada canción es analizada con la misma estructura, lo que hace más fácil escanear la imagen completa.

5. Usa iconos para comunicarte

Un creador de infografías sólido definitivamente va a suministrar un banco de miles de iconos, incluyendo íconos de líneas, iconos planos e iconos ilustrados.

Diseño de infografía - ejemplo de iconos

El acceso a una extensa variedad de iconos es útil de muchas maneras. Los iconos son la forma perfecta de resaltar el diseño de tu infografía en solo segundos. Con el grupo de iconos perfectos puedes:

  • Embellecer puntos
  • Resaltar información importante
  • Agregar estructura
  • Acompañar un llamado a la acción

Embellecer puntos

A continuación se muestra un fragmento de una infografía de Copypress sobre administración. Vas a observar que los iconos están emparejados con cada punto individual para ayudar a enfatizarlos.

Esto ayudará al lector a retener más información:

Diseño de infografía - ejemplo de iconos 2

Haz clic para ver la infografía completa

Agregar estructura a la infografía

Los iconos de la siguiente infografía crean la ilusión de dos filas y añaden un sentido de simetría. La organización y la estructura impuesta por los iconos hace más fácil escanear la información:

Diseño de infografía - ejemplo de iconos 3

Haz clic para ver la infografía completa

Acompañar un llamado a la acción

El símbolo ‘No’ es universal y en la siguiente infografía acompaña a este llamado a la acción (CTA) para detener la contaminación.

Diseño de infografía - ejemplo de icono 4

Haz clic para ver la plantilla de infografía

Sin leer la infografía real, el ícono te informa sobre el tema o la idea central.

Los íconos son indicaciones visuales muy efectivas, destacan los puntos y ayudan a los lectores a recordar la información clave.

Además, los iconos te permiten agregar el toque de un diseñador profesional, especialmente los iconos planos e ilustrados que fueron mencionados.

6. ¡Alinea todo!

La alineación en una infografía se refiere a cómo los elementos visuales se colocan en proximidad los unos a los otros. Una infografía pobremente alineada va a lucir caótica, en el mejor de los casos y sólo va a distraer al lector en lugar de informarle.

La alineación se refiere a la ubicación de tus encabezados, el espacio entre los encabezados y el texto del cuerpo, el espacio entre las secciones, el largo y la ubicación de las líneas y los bordes entre los objetos, la ubicación de los iconos, etc.

Diseño de infografía - ejemplo de cómo alinear una infografía

Al diseñar una infografía, puedes estar utilizando una herramienta para hacer infografías en línea que tenga una función de cuadrícula. Esta característica te ayuda a alinear tus elementos visuales de manera consistente. Así es como se ve usando Venngage:

La función de cuadrícula no solo te ayuda a alinear varios elementos visuales, sino que también te garantiza un margen consistente en toda tu infografía.

Como regla general, debes mantener al menos 20 píxeles (un cuadrado en la cuadrícula) de distancia desde el borde del lienzo.

7. Utiliza el espacio negativo

El espacio negativo es el espacio vacío entre los elementos visuales de cualquier diseño. Es muy importante equilibrar las imágenes de tu infografía, así cada sección se podrá destacar.

Sin una cantidad apropiada de espacio negativo, tu infografía va a terminar luciendo abarrotada y desordenada.

La infografía sobre salud mostrada a continuación es un ejemplo claro de cuando el espacio negativo se usa eficientemente:

Diseño de infografía - ejemplo de espacio negativo

Haz clic para ver la infografía completa

Una cantidad generosa de espacio negativo en esta infografía le permite al lector enfocarse en cada punto individual.

Si la pequeña introducción se intercalara de forma reducida entre el título y los iconos, sería ignorada.

Y si los iconos ilustrados estuvieran demasiado juntos, no se habrían destacado.

8. Mantén tus gráficos simples

Diseño de infografía - ejemplo de gráfico simple

Con la mayoría de los creadores de infografías, vas a tener acceso a docenas de gráficos diferentes (después de todo, ese sería el punto).

Con solo hacer clic en un botón, podrás usar un gráfico circular, un gráfico de barras, un gráfico de líneas, un gráfico de burbujas, un mapa de calor, una nube de palabras, un gráfico de iconos y mucho más.

Con tantas opciones, puedes sentir la tentación de utilizar los gráficos que se vean llamativos o que típicamente sean difíciles de diseñar.

Sin embargo, para mostrar tus datos de manera efectiva, necesitas usar el gráfico correcto para tus datos.

Cada forma de datos tiene un tipo de gráfico ideal que se puede usar para visualizarlo.

Por ejemplo, para mostrar las tendencias en el tiempo, deberías usar un gráfico de línea, mientras que las comparaciones es mejor presentarlas con gráficos de barras.

Así que empieza a preguntarte qué tipo de datos tienes y qué quieres mostrar sobre esos datos. Consulta esta publicación sobre cómo elegir gráficos como una guía si alguna vez te sientes confundido.

9. Consulta la rueda de color

A estas alturas, es posible que te hayas topado con la rueda de colores. Por lo general, se ven como esto:

Diseño de infografía - rueda de color

La intención detrás de una rueda de color es simbolizar la relación entre una gama de colores. Esto es útil porque te permite determinar una paleta de colores para tu infografía que se ajuste a ciertos principios de diseño.

Básicamente, te ayudará a elegir paletas de colores que sean atractivas.

Una paleta de color estándar generalmente consta de dos a tres colores diferentes, con blanco o negro que operan como un acento.

Voy a hablar brevemente estas tres técnicas populares de combinación de colores que podrían inspirar la elección de colores para tu próxima infografía:

  • Combinación análoga
  • Combinación monocromática
  • Combinación complementaria

Combinación análoga

La combinación análoga significa elegir colores que están uno al lado del otro en la rueda de colores, como en el siguiente ejemplo:

Diseño de infografía - combinación análoga

La combinación análoga funciona porque puedes usar colores que son similares, pero aún pueden resaltar cuando se utilizan juntos. Y con una rueda de color más compleja, tendrás una gama más amplia de colores para elegir.

Combinación monocromática

La combinación monocromática utiliza tonos diferentes, sombras o tonos de un solo color. Aquí tienes una muestra de color monocromática que usa verde:

Diseño de infografía - combinación monocromática

El truco de la paleta de colores monocromáticos es asegurarte de que cada uno de los colores sobresalga.

Pero es especialmente útil si quieres establecer un tema. La infografía ALS Ice Bucket Challenge de Squeaky usa efectivamente el tono de azul para una paleta de colores temáticos:

Diseño de infografía - ejemplo de infografía monocromática

Haz clic para ver la infografía completa

Combinación complementaria

La combinación complementaria involucra el uso de colores que tienen el mayor contraste. Nuevamente, la rueda de color es muy útil:

Diseño de infografía - combinación complementaria 1

Diseño de infografía - combinación complementaria 2

Al emparejar los colores de alto contraste de la rueda de colores, logras una paleta de colores que dará a tu infografía una aspecto nítido. El contraste crea una apariencia audaz y llamativa.

10. Incorpora un tema

Un tema de diseño fuerte funciona como una forma sutil de comunicación visual para dar vida a tus ideas. Con un tema visual bien establecido, tu audiencia tiene una idea de lo que trata la infografía antes de leer cualquier cosa.

Hasta ahora ya he cubierto ciertas prácticas de diseño, que incluyen cómo usar iconos y aplicar temas de color. Y eso te ayudará a incorporar temas en tus diseños de manera efectiva.

Un tema se establece a través del uso de imágenes, símbolos, iconos, logos y colores relevantes para tu tema. Para tener una mejor idea de cómo lograr esto, démosle un vistazo a esta plantilla de infografía de la Copa del Mundo 2018.

Diseño de infografía - ejemplo de tema de copa del mundo

Haz clic para ver la plantilla de infografía

El tema es la Copa del Mundo y las marcas. Las imágenes de la infografía son referentes al fútbol y a la Copa del Mundo, en varias maneras:

  • La tarjeta de título usa un fondo de un campo de fútbol
  • Cada sección usa imágenes de fútbol
  • Los iconos reflejan el tema
  • Los logotipos corporativos y las banderas nacionales funcionan como iconos
  • Los colores del trofeo, verde y amarillo, se repiten a lo largo de la infografía

En su elección de imágenes, colores e iconos, la plantilla para infografía se centra en el tema de la infografía en sí. Se puede necesitar algo de creatividad, pero un tema fuerte va a ofrecer una experiencia fascinante al lector.

Observemos otras tres infografías que tienen fuertes temas de diseño.

Una infografía de Statista y Mashable sobre el impacto de Google:

Diseño de infografía - ejemplo de infografía temática de Google

Haz clic para ver la infografía completa

Una infografía sobre el consumo de café Americano y el Starbucks:

Diseño de infografía - ejemplo de infografía temática de Starbucks

Haz clic para ver la infografía completa

Una infografía sobre los costos de operación de Batman:

Diseño de infografía - Ejemplo de infografía temática de Batman

Haz clic para ver la infografía completa

Las tres infografías utilizan de forma efectiva los logos o símbolos de sus temas, usan conjuntos específicos de imágenes, agregan los colores de sus temas en su diseño y usan íconos relevantes siempre que sea posible.

Conclusión

Las mejores prácticas de diseño no son reglas rápidas y duras. La policía de infografías no va a golpear tu puerta y te multará por infracciones de diseño. Tan solo son estrategias de diseño que aseguran que tu infografía está optimizada para que sea vista por tu público objetivo.

También he utilizado una gran variedad de infografías de formato largo como ejemplos, pero estos principios de diseño pueden aplicar a cualquier tipo de infografía que hagas. A medida que te sienta mucho más cómodo diseñando infografías, definitivamente vas a querer experimentar y probar cosas nuevas.

Finalmente, si alguna vez no estás del todo seguro sobre el diseño de tu infografía, entonces solo debes hacerte una pregunta: ¿Mi infografía es fácil de entender?

Piensa en tu audiencia: ¿el tema es obvio, la información es clara y fácil de leer,es fluida y atractiva? Al final del día, tu infografía es para tu audiencia, así que debes asegurarte de que funcione para ellos.

¡Es todo lo que debes hacer!

¿Tienes alguna prácticas de diseño para compartir que debería estar en esta lista? Coméntanos en la parte de abajo.

Este post ha sido escrito por Venngage.