Diseño Gráfico

Guía básica para aprender a elegir y combinar tipografías

By 4 Abril, 2017 No Comments
Guía básica para elegir y combinar tipografías
A prender a elegir y combinar tipografías puede ser todo un reto, pero sin duda es uno muy necesario. Y es que uno de los puntos claves para lograr un buen diseño es el manejo tipográfico que se da dentro del mismo.

Ya sea para crear un cartel, una invitación, tu próxima presentación, tus post para redes sociales (e infinidades de piezas más), hacer un mejor uso de las fuentes te será de gran ayuda para comunicar tus mensajes de una forma más adecuada.

En el artículo de hoy te comparto una serie de consejos básicos, para que aprendas a elegir las combinaciones tipográficas que mejor van con la identidad visual de tu marca y con el tipo de proyecto que quieras llevar a cabo.

Para facilitarte la navegación puedes utilizar la siguiente tabla:

 

Clasificación tipográfica

Primero veamos los grupos principales en los que se clasifican las tipografías y lo que puedes llegar a expresar con cada una de ellas:

Serif / Con serifa

Tipografía SerifEstas se caracterizan por tener unos “remates” o decoraciones en los extremos de sus líneas.

  • Términos con los que se asocia: Clásico, elegante, tradicional, de confianza, autoritario.
  • Uso recomendado: Para cuerpos de texto extensos en medios impresos.

 

Sans serif / Sin serifa

Tipografía Sans SerifLlamadas también palo seco, son las que poseen cortes limpios en los extremos.

  • Términos con los que se asocia: Moderno, universal, limpio, versátil.
  • Uso recomendado: Para cuerpos de texto en medios digitales como la web.

 

Caligráficas

Tipografía CaligráficaSon aquellas que simulan la escritura manual mediante herramientas como pinceles y plumas.

  • Términos con los que se asocia: Elegante, femenino, amigable, creativo, sofisticado.
  • Uso recomendado: Para títulos grandes y textos cortos.

 

Decorativas

Tipografía DecorativaCon características muy diferentes a las otras, pueden ser creadas para temáticas o fines muy concretos en donde la legibilidad, por lo general, no es muy tenida en cuenta.

  • Términos con los que se asocia: Depende de su temática y estilo, ya que varían mucho unas de otras.
  • Uso recomendado: Para darle personalidad a titulares cortos.

 

Qué tipografías debo elegir

La elección de una u otra tipografía puede cambiar completamente el resultado final de tu diseño, por esta misma razón debe elegirse a consciencia.

Vamos a ver entonces, cuáles son los 4 aspectos principales que influyen en la elección de una tipografía:

  • El tipo de proyecto: Piensa en la función que tendrá que desempeñar la tipografía dentro del mismo, si se usará para textos cortos o extensos y el tipo de mensaje que se va a comunicar.
  • Que se alinee con tu marca: Tu marca tiene una personalidad, una audiencia y un estilo gráfico propio. Asegúrate que la tipografía de tu elección sea acorde a ella.
  • El soporte en donde se empleará: Como ya viste, algunas tipografías pueden ir mejor para medios impresos mientras que otras son más adecuadas para la parte digital.
  • La legibilidad: Revisa que la tipografía que elegiste facilite la lectura de tu mensaje.

 

El mensaje que comunicas es lo más importante

No podía dejar de hacer énfasis en esta parte.

Como ejercicio puedes tomar las palabras claves de tu mensaje y probar diferentes tipos de letra, verás que la sensación que transmite cada una de ellas es bastante diferente.

Aquí unos ejemplos:

Elegir y combinar tipografías - Ejemplos

Esta imagen es una prueba que he hecho con palabras al azar, no he utilizado color para que te centres sólo en las formas de las letras.

Fíjate que las tipografías del lado izquierdo expresan mejor el significo de la palabra con la que están escritas. Aquí entra un poco en juego la psicología de la forma:

  • Por ejemplo lo serio se asocia más con formas rectas y bien alineadas.
  • Lo divertido con formas curvas, espontáneas y quizás un poco informales.
  • Y lo sensual con formas curvas pronunciadas y líneas con trazos finos y elegantes.

Ahora, debes tener en cuenta que existen miles de tipos de letras con las que se puede crear una composición, y que además con diferentes tipografías se pueden expresar mensajes similares.

Veamos esto con otro ejemplo:

Elegir y combinar tipografías - Ejemplos

Aquí he utilizado dos tipos de letras diferentes, pero ambas resultan válidas pues ayudan a expresar el significado de la palabra.

Si además agregamos color, contraste y formas, podremos acertar más en el mensaje que se busca transmitir, en este caso algo que podría asociarse con un público infantil.

 

La elección de una u otra tipografía puede cambiar completamente el resultado final de tu diseño Click to Tweet

 

Consejos para combinar tipografías

Aquí te comparto algunos tips sencillos que te ayudarán a elegir mejores combinaciones tipográficas:

 

1. Busca el contraste en tu composición

Dos buenas formas de lograrlo es a través de:

  • El estilo: Por ejemplo, puedes mezclar una fuente serif con una sans serif
  • Variando el peso: Es decir, modificando el grosor de la fuente. Una tipografía light (ligera) tiene menos peso que una bold (negrita).

Serif con sans serif

Tipografías: Baskerville MT Std y Gotham en su versión regular

 

2. Limita el número de fuentes

Ante la duda al combinar tipografías, es mejor limitar su cantidad. Tu diseño quedará más limpio y el lector prestará más atención a tu mensaje.

Limita el número de fuentes en tu diseño

En lo posible evita esto: Aquí hay 4 tipografías diferentes que no tienen mucha armonía visual entre si. Si a esto le sumas el resto de elementos gráficos que debe ir en tu diseño, se irá creando un caos mayor.

 

3. Crea jerarquía visual

La jerarquía visual es la que te ayuda a organizar los elementos de diseño dentro de tu composición, determinando cuáles son los más importantes y guiando al lector.

Puedes crearla a través del:

  • Tamaño: Uno mayor para los textos más relevantes.
  • Peso: Cuanto más ancho sea el trazo de la fuente, más notable se puede hacer en la mayoría de los casos.

Jerarquía visual con tipografía

Los lectores usualmente ven primero los textos más grandes, en este caso la palabra “Mi título” podría ser la más importante dentro de la composición.

Tipografía: Futura Std en su versión Light y Medium Condensed

 

4. No combines fuentes demasiado similares

No es recomendable combinar tipografías que tenga un aspecto muy parecido, salvo que pertenezcan a una misma familia, pues en este caso se complementarán muy bien.

Usa una sola familia tipográfica

Aquí he combinado dos tipografías de una misma familia: Rotis SansSerif Std + Rotis Serif Std

 

5. Evita usar estas tipografías

A la hora de combinar tipografías, evita usar este tipo de letras:

Evita usar y combinar estas tipografías

Una de las razones es que pueden hacer lucir tu diseño desorganizado y poco profesional.

 

Bonus: Herramientas útiles

Por último te dejo algunas herramientas y sitios web que te ayudarán con la tarea de elegir y combinar tipografías dentro de tus composiciones gráficas:

  • WhatFont: Una extensión para Google Chrome que te permitirá descubrir el nombre de las tipografías que usa un sitio web en concreto, sin necesidad de revisar el código fuente 🙂
  • FontFinder: Con funciones parecidas a WhatFont pero para el navegador de Firefox.
  • Fontpair.co: Un sitio web que te muestra todo tipo de combinaciones tipográficas basadas en las fuentes de Google. Además se pueden descargar de manera gratuita.
  • Font Combinations de Canva: Encuentra posibles combinaciones según la tipografía que selecciones y puedes escribir directamente tus textos en vivo para probarlas.

 

Además te recomiendo visitar el sitio web de Letrag, en dónde podrás ampliar mucho más la información relacionada al mundo de las letras. Allí hay un sinnúmero de términos, artículos y enlaces de gran ayuda. 🙂

 

Hasta aquí el post, espero que te haya sido útil. Ahora me encantaría saber cuáles son tus combinaciones tipográficas favoritas, escríbelas en los comentarios.

 

Icono Newsletter Vaslam

Suscríbete a mis contenidos

Si te interesa recibir más consejos como estos en tu correo, deja tus datos. Además recibirás recursos que sólo comparto con mis suscriptores

Leave a Reply

Comparte esto con un amigo