La guía definitiva de tipografía

Lo que aprenderás

  • ¿Cuál es la historia de la tipografía?
  • ¿Cuál es la diferencia entre un tipo de letra y una fuente?
  • Cómo clasificar las tipografías
  • Cómo elegir una fuente para un proyecto
  • ¿Qué es una familia tipográfica y sus características?
  • ¿Cuáles son los tipos de archivos de fuentes?
  • ¿Qué son la composición tipográfica, la legibilidad y la legibilidad?
  • ¿Cuáles son los errores comunes de composición tipográfica?
  • Cómo combinar fuentes

Acerca de su instructor

1. Introducción al curso

Ver video lección (1 min) ↗

La tipografía es uno de los elementos más importantes del Diseño. En este curso aprenderás todo sobre él, desde sus inicios y su evolución hasta lo que es hoy.

Aquí aprenderemos los conceptos y la terminología más importantes para que pueda comenzar con la tipografía. Si alguna vez se ha preguntado acerca de las clasificaciones y familias de tipos, por qué la legibilidad es importante y cómo combinar fuentes, ¡este curso es para usted!

2. Fundamentos de la tipografía

En la primera sección del curso, cubriremos una breve historia de la tipografía y por qué es tan importante. Además, responderemos la pregunta que todos hemos tenido: ¿cuál es la diferencia entre una fuente y un tipo de letra? ¡Vamos a empezar!

2.1 Breve historia de la tipografía

Ver video lección (4 minutos) ↗

Comencemos con la historia de la tipografía, desde los primeros grabados hasta el software digital. La tipografía ha evolucionado mucho a lo largo de los siglos. Las serifas que vemos en las fuentes hoy en día se remontan a la Antigua Roma, donde las letras mayúsculas serifas se usaban para inscribir monumentos y edificios.

En el siglo XII, Johannes Gutenberg creó una máquina que podía procesar tipos móviles. Esto permitió imprimir una mayor cantidad de hojas con tinta. Gutenberg luego desarrolló el primer tipo de letra: Blackletter.

Las familias de tipos grandes pueden tener diferentes pesos, estilos y anchos, sin dejar de compartir el mismo ADN. Con una sola familia numerosa, puede tener suficiente variación para crear una jerarquía.

Aquí hay un excelente tutorial que trata este tema con más detalle:

3.3 ¿Qué son los tipos de archivos de fuentes?

Ver video lección (2 minutos) ↗

En esta lección, aprenderemos sobre los diferentes tipos de archivos de fuentes, ya que hay muchos archivos de fuentes que se han desarrollado a lo largo de los años. Echemos un vistazo a algunos de estos archivos y sus diferencias.

Para obtener más detalles sobre cómo elegir el formato de archivo adecuado para usted, consulte este tutorial detallado:

4. ¿Qué son la composición tipográfica, la legibilidad y la legibilidad?

En esta sección, aprenderemos sobre la legibilidad y cómo la anatomía del tipo de letra puede afectarla.

4.1 Legibilidad y anatomía tipográfica

Ver video lección (3 minutos) ↗

¿Qué es la legibilidad?

La legibilidad es cómo funciona un tipo de letra. Es una medida de qué tan fácil es distinguir letras o palabras entre sí, y qué tan fácil es leer bloques de texto.

Hay diferentes factores que contribuyen a la legibilidad de un tipo de letra, y los revisaremos:

  • altura X: se refiere a la altura de las minúsculas en proporción a las mayúsculas. Cuanto más alta sea la altura de la x, más legible tiende a ser el tipo de letra.
  • Ancho de carácter: los tipos de letra con un ancho promedio son más fáciles de leer que los que están condensados ​​​​o extendidos, especialmente para el cuerpo del texto.
  • Peso: los pesos muy ligeros o pesados ​​son extremadamente difíciles de leer. Es mejor usar un peso regular.
  • Características del diseño: la forma general del diseño del personaje debe ser algo más o menos neutral. Nada demasiado peculiar, ya que puede reducir la legibilidad.
  • Alto contraste de trazos: puede reducir la legibilidad, especialmente en fuentes modernas con trazos muy finos.
  • Serifs o falta de: Se cree que las serifas mejoran la legibilidad debido a los pies pequeños, mientras que las sans serifs se están volviendo más populares para el cuerpo del texto.

Considere todos estos rasgos para decidir qué fuente usar y qué tan legible es. Y recuerda, siempre considera el texto que estás diseñando, la extensión y la audiencia que lo leerá.

Aquí hay más recursos que puede leer sobre el tema:

4.2 Conceptos básicos de legibilidad y composición tipográfica

Ver video lección (3 minutos) ↗

Ahora cubriremos la legibilidad y la composición tipográfica. Pero, ¿qué es exactamente la legibilidad?

La legibilidad se relaciona con cómo se establece el tipo en una página. Es la disposición de fuentes y palabras para que el contenido escrito fluya de una manera simple y fácil de leer.

Factores que contribuyen a una buena legibilidad

  • Tamaño del tipo: considere para quién está diseñando el contenido. Cuanto más pequeño sea el tamaño de letra, más difícil de leerespecialmente si su audiencia incluye niños o personas mayores.
  • Tipo de caso: Todo el texto en mayúsculas tiende a ser difícil de leer porque no hay mucha distinción entre las formas de cada carácter. Para texto de cuerpo largo, use mayúsculas y minúsculas ya que los ascendentes y descendentes ayudan a distinguir los caracteres.
  • Espacio de línea (principal): la cantidad de interlineado que necesitará en un cuadro de texto se basa en el tamaño de letra y la altura x de la fuente que está utilizando. Para maximizar la legibilidad, asegúrese de que haya suficiente espacio entre líneas.
  • Longitud de línea (ancho de columna): cuando el ancho de la columna es demasiado estrecho, puede dar lugar a muchas palabras con guión, lo que obliga a los ojos a saltar a la siguiente línea con demasiada frecuencia. Por otro lado, las líneas largas pueden causar confusión al lector. Una regla general es apuntar a un número de caracteres entre 45 y 70 por línea.
  • Interletraje y seguimiento: Interletrado es el ajuste del espacio entre dos caracteres individuales dentro de una palabra. Se utiliza principalmente en logotipos o encabezados. Seguimiento (o espaciado entre letras) se refiere al espacio entre un grupo de letras en una línea de texto.
  • Contraste de color: se refiere al color del texto en comparación con el fondo. Asegúrate de que haya un buen contraste entre ellos y que los colores no desentonen entre sí.

Recuerde: no hay ciencia sobre qué combinaciones de fuentes funcionan mejor juntas. Todo se basa en el contenido y el estado de ánimo que desea evocar. Aquí hay un gran video que puedes ver:

¿Está interesado en cómo crear las mejores combinaciones de fuentes? Explore nuestra biblioteca de artículos y tutoriales para encontrar la mejor inspiración y las mejores combinaciones de fuentes:

6. Vamos a envolverlo

Ver video lección (2 minutos) ↗

La tipografía es uno de los elementos más importantes del Diseño. En este curso de tipografía, aprendimos sobre su historia y su evolución hasta lo que es hoy.

Los tipos de letra vienen en todas las formas y tamaños, por lo que cubrimos las diferentes categorías, familias tipográficas y sus características y usos.

También aprendimos sobre legibilidad, legibilidad y más. Por último, hablamos sobre cómo elegir las fuentes adecuadas en función de sus rasgos de personalidad y cómo combinarlas.

El conocimiento de la tipografía es vasto y está en continua evolución. En este curso, le brindamos los conceptos que son perfectos para comenzar y dominar a medida que aprende.

Si necesitas el mejor fuente de fuentes premium, Elementos de Envato es el lugar para ti. ¡Descarga tantas como quieras y crea las mejores combinaciones de fuentes para tus diseños!

Más información sobre tipografía y diseño de fuentes

¡La tipografía y el diseño de fuentes son algunos de nuestros temas favoritos en Tuts+! Encontrarás una gran variedad de cursos y videos de tipografía de la Canal de YouTube de Envato Tuts+ que puedes ver para aprender aún más:

O si eres fanático de los tutoriales escritos, también te tenemos cubierto:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *