Hable Alto.
Buscar fuentes para cualquier diseño, incluidas las infografías, puede ser una tarea difícil, incluso para un diseñador. Buscar entre cientos de fuentes para encontrar la adecuada es una sensación creativa increíble, pero también puede parecer una pérdida de tiempo.
Por eso estamos aquí, para ayudarte.
Esta guía le ayudará a buscar fuentes elegantes para tus infografías. Utilizando su intuición, el objetivo del diseño y un poco de pensamiento crítico, podrá encontrar la fuente perfecta en un abrir y cerrar de ojos.
Sí, incluso si no eres un diseñador y vas por el camino del bricolaje en esta infografía. Te tenemos cubierto.
Y si está listo para empezar a crear su infografía ahora, diríjase a nuestro creador de infografías.
Las infografías se componen de muchas partes que encajan para crear un diseño unificado y equilibrado que informe y, con suerte, cause un impacto en el espectador.
De todas las partes que intervienen en la creación de una infografía, buscar fuentes es una de las más importantes. Podría pensarse que los elementos visuales o gráficos se llevan la palma, pero permítanme explicarles por qué no es exactamente así.
Los elementos visuales, iconos, gráficos e ilustraciones que elija para su infografía son extremadamente importantes.
El texto de una infografía lo une todo, define la historia y el flujo del contenido. Incluso los gráficos.
Las fuentes de la infografía deben ser legibles, incluso fáciles de leer. Deben encajar bien en el espacio y no sobrecargar los elementos visuales. Tienen que coincidir con la sensación visual de la infografía y, al mismo tiempo, decir lo suficiente para transmitir el mensaje con rapidez.
Cuando un tipo de letra es difícil de leer, no hay elementos visuales bonitos ni gráficos perfectos que puedan salvar la primera impresión de la infografía. Hay que considerar las fuentes no solo como componentes textuales, sino también como elementos visuales.
Cuando dé a su texto y fuentes un sentido de imagen, entenderá por qué la tipografía es tan importante en el diseño infográfico.
"La tipografía es una arquitectura bidimensional, basada en la experiencia y la imaginación, y guiada por reglas y legibilidad. Y ese es el objetivo de la tipografía: la disposición de los elementos de diseño en una estructura determinada debe permitir al lector concentrarse fácilmente en el mensaje, sin ralentizar su velocidad de lectura."
– De un artículo póstumo sobre el diseñador tipográfico Hermann Zapf en Typeform.eu
Todo el tema de elegir los mejores tipos de letra para infografías puede parecer desalentador en este momento, pero afortunadamente hay buenas prácticas que puede seguir para que sea mucho más fácil para usted y su equipo.
Entremos de lleno en el tema.
Empezar con buen pie siempre te llevará a donde tienes que estar, más rápido y en mejor forma.
Eso es lo que harán por usted y por su proyecto estas prácticas recomendadas sobre fuentes para infografías.
El primer y más importante punto a tener en cuenta a la hora de elegir fuentes para infografías es su marca. Si la infografía que está creando forma parte de un conjunto de activos de marca, gran parte del trabajo de elegir una fuente ya está hecho para usted.
Consulte las directrices de la marca para saber qué fuentes debe utilizar. Si aún no lo has hecho, añádelas al kit de marca Visme para que aparezcan al principio de la lista de fuentes en el editor.
Aunque tengas un conjunto de fuentes de marca que necesites utilizar, muchas de las prácticas recomendadas a continuación siguen siendo válidas. Te avisaremos cuándo y en qué medida.
Entonces, ¿no dispone de directrices de marca? ¿O quieres crear un diseño diferente? Entonces aquí es donde debes empezar.
Esta buena práctica es algo que me encantaría poner en letras grandes en tu pizarra; es esencial. Allá vamos... ¡Cíñete a los tipos de letra principales! No te adentres en el terreno de los nuevos tipos de letra y no caigas en la tentación de encontrar la fuente perfecta, bonita e interesante. No lo hagas.
Por fuentes principales entendemos:
Estas son las fuentes más legibles, versátiles y fiables. Al final le daremos algunos ejemplos.
Las fuentes transmiten personalidad y humor. Sus formas y formatos deben coincidir con el propósito y el estilo de su infografía.
He aquí algunos ejemplos de casos de uso:
A continuación se muestra una infografía que visualiza una serie de tipos de letra y sus personalidades percibidas. Algunas de las fuentes de esta infografía también están en la lista de fuentes recomendadas para infografías.
Otras están aquí para ayudarle a visualizar mejor la idea de la psicología y la percepción de las fuentes, pero no son necesariamente la mejor opción para una infografía.
Si un tipo de letra no es legible, su elección será un fracaso.
¿Cómo saber si una fuente es legible o no? Hay que probarla. Hay algunos factores que contribuyen a que un tipo de letra sea legible.
Algunas fuentes son legibles en todos los tamaños, con cualquier interlineado o incluso colores. Otras necesitan una pequeña personalización para ser más legibles.
Por ejemplo, una fuente Serif, como EB Garamond, a un tamaño mínimo será más fácil de leer si las letras tienen un espacio sutil entre ellas y un interlineado aireado.
Ostrich Sans es otro ejemplo de cómo un tipo de letra puede ser legible o ilegible, según el caso de uso. Esta fina fuente Sans Serif puede quedar muy bien en un titular grande, pero puede ser muy difícil de leer en el cuerpo del texto, sobre todo si hay poco contraste de color.
Si la fuente que has elegido no es de marca y no funciona, prueba con otra que sea más fácil de leer. Volviendo a lo que he mencionado antes, limítate a las fuentes primarias estándar. Tendrás menos problemas para que el texto sea legible en tu infografía.
Ya he explicado que para que una fuente sea legible, hay que probarla. Pero hay otras razones por las que necesita experimentar con diferentes tipos de letra para el diseño de su infografía.
En primer lugar, hablemos del uso de fuentes de marca. Los elementos que puede probar son el tamaño o el peso, el estilo (es decir, negrita o cursiva), el espaciado entre letras, el interlineado y el color.
Si tienes más libertad para elegir el tipo de letra, puedes probar diferentes. Pruebe diferentes estilos de letra: alta, condensada, fina, supernegrita, etc.
La principal razón para probar distintos tipos de letra es que cada fuente tiene una forma distinta de encajar en un cuadro de texto. Algunas tienen letras más altas, mientras que otras pueden ser más anchas. El mismo cuadro de texto parecerá más pequeño con un tipo de letra y más grande con otro, aunque tengan el mismo tamaño.
Otras razones para probar diferentes fuentes tienen que ver con la personalidad de su infografía.
Si eligió una fuente Sans Serif porque su contenido es ligero o amigable, pruebe diferentes fuentes Sans Serif. Elija una que tenga las O redondeadas y otra que tenga las O más alargadas. Compara una fuente Sans Serif fina con otra más gruesa.
Consejo Pro: No espere a diseñar toda la infografía para probar diferentes fuentes. Utilice el título y uno o dos puntos de datos para las pruebas. De lo contrario, cambiará demasiado cada vez.
Al probar diferentes fuentes, también tendrás que elegir un par de fuentes.
En primer lugar, ¿qué es un par de fuentes? Es la combinación de dos fuentes -o dos estilos de una fuente (por ejemplo, negrita/mayúscula emparejada con normal/mayúscula)- que se combinan para un uso específico. Necesitará un tipo de letra para los títulos y subtítulos y otro para el cuerpo del texto. Una versión aún más pequeña del cuerpo del texto es excelente para las notas a pie de página.
Si tiene la libertad de elegir las fuentes para su infografía, Visme tiene un montón de opciones. Dentro del editor, puede elegir entre cientos de fuentes para crear un par para su infografía.
Veamos algunos ejemplos.
En primer lugar, dos fuentes Sans-Serif que combinan muy bien son Montserrat y Lato. Montserrat es más pesada y funciona perfectamente para titulares, mientras que Lato es más ligera y perfecta para el cuerpo de texto. Otra opción es utilizar Montserrat Black para el título y Montserrat Classic para el cuerpo de texto.
En las secciones anteriores, mencionamos que en algunos casos la personalidad de su infografía necesita una fuente Serif y en otros casos una fuente Sans Serif, pero también existe la posibilidad de usar ambas juntas.
Por ejemplo, en una infografía que comparta estadísticas importantes sobre un sector profesional y quiera parecer accesible, Trebuchet y Fjord One funcionan muy bien juntas.
Y un último ejemplo: Dancing Script y Josefin Sans, una fuente Script para los títulos y una Sans Serif ligera para el cuerpo del texto. A la hora de elegir un tipo de letra Script para una infografía, debe ser legible. Muchas fuentes Script no son fáciles de leer rápidamente, y es ahí donde debe mantenerse alejado.
Esta fuente Script es el ejemplo perfecto de una fuente Script que puede funcionar bien en una infografía. Por ejemplo, en una infografía sobre recetas de cocina. Josefin Sans es una fuente Sans amigable que va perfectamente con estos títulos.
Es necesario recordar esta buena práctica no solo para las infografías, sino también para todos los proyectos de diseño. Debes mantener el mismo tipo de letra en todo el diseño.
No cambies las fuentes en los distintos puntos de datos ni alternes entre la fuente que utilizas para el título y la que utilizas para el cuerpo del texto.
Cuando hayas establecido el emparejamiento de fuentes después de probar unas cuantas fuentes diferentes, ¡mantenlas! Crea un pequeño gráfico, como los de arriba, para recordar qué fuentes estás utilizando. Esta técnica será especialmente útil si estás trabajando en la infografía con tu equipo.
Al cotejar el texto del título principal y los siguientes puntos de datos, es importante comprobar siempre la alineación del texto y asegurarse de que sigue una jerarquía visual.
Echa un vistazo a las tablas de emparejamiento de fuentes anteriores y observa cómo especifican el tamaño de punto de cada fuente. El ejemplo de Montserrat y Lato tiene 40 puntos para el título, 24 puntos para el subtítulo y 16 puntos para el cuerpo del texto. Este ajuste se denomina jerarquía visual y es esencial.
Debes establecer un tamaño estándar para tus fuentes, de modo que cada punto de dato utilice el tamaño exacto del texto. De este modo, creará un equilibrio visual y fluidez para toda su infografía. La jerarquía comienza en el título superior y va descendiendo. El contenido más importante es el más grande y luego se hace más pequeño para cada punto de datos.
El texto más pequeño estará en la parte inferior, en el pie de página, con las fuentes de contenido.
La alineación es clave para cada dato, así como para toda la infografía. Estas son algunas de las mejores prácticas para alinear el texto. Puede utilizar la cuadrícula para la alineación o utilizar la función de ajuste a objetos del editor Visme
Si no está seguro de cómo asegurarse de que cada punto de datos está alineado y bien espaciado, el editor de Visitem tiene una solución. En la barra de herramientas de la izquierda, encontrará bloques de contenido prediseñados que puede añadir a su infografía para conseguir un diseño fácil e infalible.
Estos bloques de contenido están perfectamente alineados y tienen fuentes, pero puede que necesites cambiar la fuente, así que no añadas demasiados bloques de contenido a la vez. Pruébalos primero con tus fuentes y luego sigue adelante.
Después del emparejamiento de fuentes, la jerarquía visual y la alineación, también tienes que asegurarte de que las fuentes tengan espacio para respirar.
Para ello, hay que vigilar el espaciado entre los títulos, los subtítulos y el cuerpo del texto. También hay que equilibrar la altura de las líneas y el espaciado entre letras dentro de los cuadros de texto. Además, hay que comprobar los márgenes.
La mejor manera de crear un espaciado coherente entre el título, el subtítulo y el cuerpo del texto es colocar cada uno de ellos en un cuadro de texto.
Defina un patrón de espaciado en un punto de datos y luego repítalo en todos los demás. Con Visme, puede agrupar los tres cuadros de texto y duplicarlos, y luego solo tiene que cambiar el contenido.
Dentro de cada cuadro de texto, también debe comprobar la altura de línea y el espaciado entre letras. La altura de línea en los títulos y subtítulos le ayudará a equilibrar el espaciado entre cada cuadro de texto, siempre que alinee la parte inferior de un cuadro de texto con la parte superior del cuadro de texto situado debajo.
En el cuerpo del texto, ajustar la altura de línea le ayudará a crear una sensación de aire entre las líneas, lo que facilita la lectura del texto.
Añadir espacio entre las letras es una técnica que utilizan los diseñadores para distribuir las letras en las palabras y facilitar su lectura. No es necesario dejar más de 1 ó 2 píxeles de espacio, a menos que quieras conseguir el efecto visual único de letras separadas.
Los márgenes también son cruciales para añadir espacio que ayude a la fluidez y legibilidad de tu contenido. Los márgenes son el espacio entre los bordes de la infografía y los cuadros de texto. Cuando el texto está demasiado cerca de los bordes, resulta difícil de leer.
Por último, otro aspecto a tener en cuenta a la hora de elegir las mejores fuentes para tu infografía son los colores que les añades.
La idea principal a la hora de elegir el color del texto es que sea -lo has adivinado- legible. Si el color de fondo y el tipo de letra son demasiado parecidos, será difícil de ver, por no hablar de leer.
Una buena regla para crear un buen contraste entre texto y fondo es que si el fondo es oscuro, utilices texto claro, y si el fondo es claro, utilices texto oscuro.
Con este consejo, ya estás en un buen lugar. Pero una cosa más: el blanco puro y el negro puro pueden cansar la vista, así que prueba con un sutil blanco roto o un gris superoscuro en lugar de tonos puros.
Ahora tenemos una selección de algunas de las mejores fuentes infográficas para utilizar en su próximo diseño infográfico. Todas estas fuentes están disponibles en el editor Visme, así como muchas otras.
Raleway es una fuente sencilla y fácil de leer que no competirá con otros elementos del diseño infográfico. Funciona muy bien tanto en los encabezados como en el cuerpo del texto en diferentes pesos y tamaños de punto.
Arial es una de las fuentes más utilizadas en documentos digitales. Es la opción por defecto en la mayoría de los programas de documentos, como Google Docs y Word. Arial siempre es fiable y tiene buen aspecto. Sin embargo, no es la fuente que necesitas si buscas un poco más de personalidad.
Junction es una mezcla entre las clásicas fuentes Serif escritas a mano y una fuente Sans Serif para la web. Esta fuente es única porque la n y la u tienen curvas angulosas en lugar del redondeado habitual. Es una fuente estupenda para un estilo sencillo, pero con un toque especial.
Josefin Sans es una fuente geométrica Sans Serif de aspecto geométrico. Esta fuente funciona muy bien en cuerpos de texto de cualquier tamaño. En letras grandes y en negrita, también queda muy bien como título significativo y amigable.
Poppins es reconocible y fácil de leer. Es una de las mejores fuentes para el diseño digital. Una infografía que utilice Poppins como fuente principal será fácil de leer e incluso agradable a la vista.
Montserrat es una de las fuentes más versátiles y no solo funciona bien para títulos y cuerpo de texto, sino que también se adapta bien a cualquier contexto. Es la mejor fuente neutra para cualquier proyecto de diseño infográfico.
Queda muy bien no solo en infografía, sino también en documentos y diseño web. En cuanto al estilo, funciona bien en mayúsculas, minúsculas y mayúsculas. En el editor Visme, tendrás acceso a todos los pesos de Lato, incluidos Light, Thin y Regular.
La infografía siguiente utiliza Lato en todo el texto, junto con Antonio para los títulos.
Helvetica es el tipo de fuente que siempre quedará bien en los títulos de las infografías, independientemente de la personalidad del contenido. Puede que no sea una gran fuente para el cuerpo del texto, ya que es un poco pesada, pero va bien con una fuente como Hind Madurai.
Hind Madurai es una fuente de lengua tamil, pero sus caracteres latinos son adecuados para opciones de personalidad neutral.
Roboto es una fuente de fusión que recuerda a las fuentes Serif clásicas con terminales de estilo grotesco. Es una fuente Serif fiable que se lee como una Sans Serif. Visme dispone tanto de Roboto normal como de Roboto condensado, por lo que puede utilizar cualquiera de las dos en el diseño de su infografía.
Esta infografía utiliza Roboto en los títulos de cada icono.
Fuente Sans Pro es una de las fuentes más versátiles que existen. Es sencilla, fácil de leer y quedará genial en el cuerpo de texto de tu infografía.
Hattori Hanzo es una fuente ligera que queda muy bien tanto en títulos como en el cuerpo del texto. Tiene grandes capacidades multilingües, por lo que es una gran opción si está creando una infografía con un alfabeto diferente.
Lora es una fuente inspirada en la caligrafía y en las amables letras manuscritas. Las curvas y las sutiles Serif ofrecen una combinación refrescante y funcionan bien como cuerpo de texto.
Bentham es una fuente serifada inspirada en antiguos libros de texto y mapas del siglo XIX. Tiene una forma clásica que hace que el texto sea agradable de leer. Encontrarás grandes usos para Bentham, especialmente si tu infografía tiene un ángulo académico.
Cormorant es una fuente serifada inspirada en la elegante y moderna Garamond. Esta fuente queda muy bien en encabezados y subencabezados, añadiendo un poco de personalidad a lo que, de otro modo, podría parecer demasiado rígido con una fuente Serif normal.
Esta infografía utiliza Cormorant para los encabezados grandes y medianos.
Libre-Baskerville es una fuente Serif con un poco de personalidad. Esta fuente es perfecta para diseños infográficos elegantes con contenido profesional.
Playfair Display es otra fuente Serif de gran aspecto que quedará genial en titulares grandes. Las letras tienen diferentes trazos entre muy finos y gruesos, lo que da a la fuente un aire clásico.
Vollkorn es una fuente Serif de aspecto curvilíneo. Es clásica y amable al mismo tiempo y funciona muy bien en un diseño infográfico que sea profesional y relatable.
Fjord One es una Serif atrevida con mucha personalidad. Esta fuente encaja tanto en un diseño infográfico corporativo como en un proyecto amigable y relatable para educación o marketing. Es una fuente de Google fácil de emparejar que hará que tus proyectos tengan un aspecto estupendo.
EB Garamond es una versión de uso libre de la clásica fuente Garamond. Tiene todos los matices tradicionales y Serifas delicadas sin el precio. EB Garamond, favorita de los impresores de libros, encaja perfectamente en una infografía con mucho espacio en blanco para que el texto respire.
Bebas Neue es una fuente mayúscula, bien definida, perfecta para titulares y títulos. Es ligeramente alargada, por lo que da al texto una sensación de aire, como si estuviera en una posición elevada. No es ideal para el cuerpo del texto, pero combina bien con una fuente neutra como Lato o Josefin Sans.
La infografía de abajo utiliza Bebas Neue para el título y los pies de foto. El cuerpo de texto es Abel, una fuente neutra Sans.
Ostrich Sans Inline es una variación de Ostrich Sans con una línea en el centro de cada trazo de letra. Utilice esta fuente si desea que su infografía tenga un aspecto único en sus títulos. Combínela con una fuente Serif sutil y fácil de leer, como EB Garamond o Fjord One.
Distant Galaxy es una fuente que parece un poco futurista sin ser demasiado extravagante. Funcionará bien en diseños infográficos sobre temas digitales o con un ángulo narrativo único.
Abril Fatface es una fuente con una combinación de trazos finos y gruesos que quedará muy bien en sus títulos y subtítulos más destacados. Combina bien con una fuente Sans Serif que no agobie.
Dancing Script es uno de esos tipos de letra que simplemente quedan bien. Es fácil de leer y combina bien con muchos estilos de diseño. Queda muy bien en titulares y con una línea de base ligeramente inclinada.
La infografía de abajo utiliza Dancing Script como subtítulos de cada sección y como subtítulo del título principal. Se combina con Bodoni Moda, una fuente Serif moderna.
Daniel es una fuente Script de estilo manuscrito. A primera vista, podría pensar que esta fuente no funcionará en una infografía, pero hará maravillas para puntos de datos con títulos cortos, como una sola palabra. En lugar de añadir un número a una lista, pruebe las palabras numéricas en la fuente Daniel.
¿Qué le parecen ahora las fuentes de su infografía? ¿Mejoran un poco? Espero que nuestra guía sobre cómo elegir los mejores tipos de letra para infografías te ayude a ver que no es tan complicado, siempre que sigas las prácticas recomendadas.
¡Ahora es el momento de empezar a diseñar la infografía! Ponte manos a la obra y crea tu infografía con el creador de infografías de Visme. Elige entre cientos de plantillas infográficas y más de 300 fuentes.
¡Te divertirás mucho creando la mejor combinación de fuentes! Pero recuerde, si no quiere perder el tiempo haciendo esto, el editor de Visme le ofrece una selección prediseñada de pares de fuentes infográficas ya elegidas para usted.
Crea ahora tu cuenta gratuita en Visme y empieza a usar y abusar de las soluciones de diseño más completas y modernas de Internet. Y recuerda, con Visme puedes crearlo todo y más.
Crea experiencias visuales increíbles para tu marca, ya seas un diseñador profesional o un novato con poca experiencia.
Prueba Visme, es gratis
