¿Qué es y cómo utilizar correctamente una tipografía?

En nuestra día a día usamos fuentes tipográficas, cuando contestamos un mensaje de WhatsApp, enviamos un mail, cuando tomamos apuntes, etc. Pero, ¿sabes cómo usarla correctamente en tus diseños?

Diseño web
Lectura de 8 minutos
11 sep. 2020
¿Qué es y cómo utilizar correctamente una tipografía?

La tipografía es uno de los elementos más importantes del diseño y más incomprendido por los diseñadores novatos. ¿Sabes cómo usarlo de forma correcta? Te lo enseño en este artículo.

🤫 Spoiler: La tipografía puede hacer que tus diseños cambian completamente.

¿Qué es la Tipografía?

La tipografía es el arte y la técnica de organizar y crear tipos. Proviene de la palabra griega "typos", que significa forma e impresión y "graphia", que significa escritura

Fuentes vs familias

  • Fuente = Cada tipo de letra
  • Familia = Rasgo o variación en común que tiene una fuente

Fuentes

  • Oswald
  • Garamond
  • Times New Romanc
  • Raleway
  • Open Sans, entre muchas más.

Familias

  • Regular
  • Bold
  • Semibold
  • Italic
  • Light

Esto depende del diseñador de la tipografía, hay fuentes que puede tener muchas variaciones más y otras que solo tienen una sola variación.

Clasificación tipográfica

  • Serif o Remate: Son aquellas fuentes que tienen unos pequeños adornos en sus esquinas.

  • Sans Serif o sin remate: Fuentes donde sus esquinas son secan o sin ningún tipo de adorno.

  • Monospace: Fuentes donde cada letra ocupa el mismo espacio.

La anatomía de la Tipografía

Como el ser humano tiene una anatomía, así cada fuente en particular tiene una anatomía incorporada.

Todos estos conceptos vistos depende muchísimo del tipo de fuente, NO en todos los casos existen las mismas características.

Interlineado

Separación entre una línea y la siguiente.

Tracking

Separación entre todos los caracteres.

Kerning

Separación entre un par de letras.

Recomendaciones al usar una tipografía

Cuando usamos algún tipo de fuente es necesario entender para qué tipo de impresión va a ir (digital o impreso), la psicología de dicha fuente y sobre todo el mensaje que se quiera transmitir con ella.

Estos son algunas recomendaciones a considerar:

  • Legible: La fuente tiene que ser suficientemente legible por el usuario que la vaya a leer.
  • 1 a 3 tipos: No es adecuado usar más de tres tipos de fuentes en un mismo lugar. Lo más común son dos.
  • Un tipo para los títulos y otra para los párrafos.
  • Tamaño: Los títulos deben ser los más notables posibles frente al contenido en general. Se acostumbra que los títulos incluso sean más gruesos y el contenido menos grueso para que el lector sepa diferenciar claramente el uno del otro.
  • Dispositivo final (impreso o digital): Dependiendo cuál sea el tipo de dispositivo hay algunas recomendaciones (esto puede variar). Si es algún tipo impreso, por ejemplo periódico, se recomienda que el contenido esté con un tipo de fuente Serif porque gracias a sus remates ayuda bastante la mirada del lector, y si es digital en algunas ocasiones dependiendo del sitio web se recomienda Sans Serif para el contenido. Todo esto no es una regla de oro, hay casos que varían.

La tipografía comunica un mensaje

Hay de todo tipo de fuentes y para todas las ocasiones, gustos y necesidades, es muy recomendable usar una fuente dependiendo de la ocasión en que estemos. No es lo mismo un tipo de fuente para un cumpleaños, un estudio de abogado, una presentación en la universidad, o un tipo de fuente para Halloween. Dependiendo de la ocasión y de lo que se quiera comunicar debemos usar un tipo adecuado

Transmite emociones

Gracias a la psicología que incorpora cada tipo de fuente, en el lector experimenta diferentes sentimientos y emociones (aquí también influye la cultura de cada persona).

Gracias a la psicología que incorpora cada tipo de fuente, el lector experimenta diferentes sentimientos y emociones (aquí también influye la cultura de cada persona).

Usando el ejemplo anterior, para muchas personas la palabra Happy Birthday Dylan! escrita con un tipo de fuente de terror puede causarle: miedo, horror, desesperación, entre otras emociones. Mientras que la otra puede causar alegría, risa, fiesta de niños, etc. Como antes lo mencioné, todo esto depende de las personas y su cultura.

Para concluir, el uso que le vayas a dar al tipo de fuente procura que sea el adecuado para el lector final, no solo tomes una de tu sistema operativo y ya. ¡Es más que eso! El correcto uso te ayudará a una mejor comunicación. Si como diseñador algún día querrás crear tu propia fuente toma en cuenta cada uno de estos pasos.

Hasta aquí fue este post, si te quedó alguna duda deja házmelo saber en los comentarios. ¡Hasta el próximo! 🤙

#NoTeDetengas, continúa aprendiendo más sobre tipografía y otros elementos del diseño. En nuestro curso de Fundamentos del diseño te enseñaremos los secretos que están detrás de un diseño impactante y que usan los expertos y las grandes marcas.

🎁 ¡Puedes ver la primera clase GRATIS!

Diseño Desde Cero

Avatar

Jonathan Estrella

@jonathanestrellaVer perfil

Comentarios de los usuarios

Avatar
Jonathan Barahona

@jonathanbarahona

¡Excelente! Muchas Gracias

Avatar
Jacob Moronta

@jacobmorontamartinez

República Dominicana

Recuerda iniciar sesión para comentar este articulo

Cursos recomendados

Diseño UI

Diseño UI

Avatar

Alvaro Felipe

5

4.9

Fundamentos del diseño

Fundamentos del diseño

Avatar

Camilo Adobe

5

4.6

¿Cómo crear infografías impactantes?

¿Cómo crear infografías impactantes?

Avatar

Alvaro Felipe

5

4.8