Cómo la tipografía determina la legibilidad: Serif vs. Sans Serif, y cómo combinar fuentes.

Para el diseño digital, es importante saber y comprender cómo usar y cómo combinar diferentes fuentes. ¡Hay una fuente para cada estado de ánimo!

Esta publicación te dará una introducción rápida a las familias más grandes de la tipografía: Serif y Sans Serif. Y cómo, como diseñador, puede elegir las fuentes correctas y combinarlas.

¡Empecemos!

Serif Type Family

Ejemplo de una fuente Serif.

El tipo de letra Serif se diferencia de Sans Serif por la diminuta cosita llamada Serifs.

Las áreas en rojo se llaman serif.

Muchos tipos de letra Serif que verá se verán mucho más tradicionales o conservadores.

Orígenes: la razón por la que tienen estos pies pequeños es en realidad debido al tallado en piedra. En los días en que la gente necesitaba tallar letras latinas en piedra, el diseñador generalmente pintaba las letras que quería con un pincel. Pero los albañiles tendrían que sacarlo de esa pintura. Y esa talla de piedra creó estas serifas en las letras.

Las personas tienden a usar los tipos de letra Serif para algo bastante serio. Esto se debe a su aspecto tradicional y conservador.

Serif se divide además en cuatro familias tipográficas.

1. Estilo antiguo

Esta es la familia Serif más antigua. Incluye fuentes como Adobe Jenson, Centaur, Goudy Old style y muchas más. Su tipo de letra se basa en el aspecto que tenía el texto en la década de 1400. Muy viejo.

Créditos de imagen

2. Transicional

Esto es un poco más moderno. Esta familia tipográfica incluye Times New Roman, Baskerville, Georgia, etc.

Créditos de imagen

3. moderno

Aún más moderno y elegante. Esto incluye Didot, que es el tipo de letra utilizado para el título de la revista Vogue.

Créditos de imagen

4. Slab-Serif

Son una familia tipográfica con serifas gruesas. Los ejemplos de tipos de letra slab-Serif incluyen American Typewriter, Archer, etc.

Créditos de imagen

Ahora, ¿cómo diferencia entre estas cuatro clases principales en la Familia Serif?

En realidad es bastante fácil. Mire las primeras tres familias: estilo antiguo, transicional y moderno. Póngalos uno al lado del otro. Si observa las letras más delgadas y las más gruesas, lo verá a medida que avance de los tipos más antiguos a los más modernos. Verá una mayor diferencia en lo que llamamos la modulación de los tipos de letra. Concéntrese en las O por ejemplo. Al comparar el estilo antiguo con los tipos modernos, la diferencia de grosor y delgadez será menor en comparación con la moderna.

Y gran parte de esta modulación proviene de cuando la gente solía escribir con bolígrafos de punta plana.

¿Qué hay de Slab-Serif?

Si observa una fuente Slab-Serif, verá que hay una diferencia prácticamente nula entre las partes más gruesas y más delgadas de la fuente.

Y fue diseñado intencionalmente así. Es uno de los miembros modernos de la familia Serif. Sin embargo, no sigue la regla de "cuanto más adelante vayas, mayor será la diferencia entre la parte más gruesa y más delgada de la fuente". Slab-Serif fue creado para la impresión de periódicos para una lectura más clara cuando la calidad del papel Solía ​​ser pobre.

Familia tipo Sans-Serif

Ejemplo de una fuente Sans-Serif

Sans-Serif difiere de la Serif. No tiene serifas (los pequeños pies pequeños) ni elementos decorativos a lo largo de las vigas centrales y las barras superiores. Sans-Serif es un poco más moderno que las serifas.

También se subdividen en cuatro familias.

1. Grotesco

El mas viejo. Esto incluye News Gothic, Franklin Gothic y más.

Créditos de imagen

2. Neo-grotesco:

Ligeramente más moderno. Helvetica y Ariel son ejemplos.

Créditos de imagen

3. Humanista:

Aún más en el futuro. Gill Sans es un ejemplo.

Créditos de imagen

4. Geométrica:

Se basan en formas geométricas. Futura es un ejemplo.

Créditos de imagen

¿Cómo diferenciar entre los cuatro?

Ahora, de forma similar a las serifas, puedes pasar de la familia Grotesca más antigua a la Neo-Grotesca a la Humanista. Puede ver la diferencia en las partes más gruesas y más delgadas de la fuente cada vez más exageradas. Cuando miras el Grotesco, es casi equidistante en todos los puntos. Y cuando observa las tipografías humanistas, comienza a ver la variación de la modulación.

En una tipografía geométrica, las O siempre son perfectamente redondas. Las O se ven exactamente como si dibujases con un transportador. Y este tipo de letra es un poco como el tipo Slab-Serif. Aunque es uno de los tipos de letra modernos de la familia, rompe la tendencia y prácticamente no tiene modulación y es equidistante en todos los puntos.

Cómo la tipografía determina la legibilidad

Tener un conocimiento de las familias de fuentes y sus subfamilias ayuda con el estilo. Pero lo más importante, se trata de legibilidad. El diseño tiene que ver con la función y la forma. ¿Qué hace que un tipo de letra sea más legible?

El humanista Sans-Serif se considera más legible que el grotesco. Y las razones son:

  • La tipografía humanista tiene formas más abiertas.
  • El espacio entre caracteres en la tipografía humanista es más que en Grotesco, lo que hace que sea un poco más fácil de leer.
  • En la tipografía grotesca, los personajes son ambiguos entre sí. Una 'g' minúscula y un 9 en grotesco se parecen bastante, todos son muy cuadrados, lo que agrega más confusión y lo hace menos legible. Mientras que en la tipografía humanista, puede diferenciar claramente entre los caracteres.

Estos son algunos factores que hacen que las fuentes sean más legibles. Ahora puede elegir el tipo de letra según el propósito.

Cómo combinar fuentes

Cuando combina diferentes tipos de letra, generalmente tendrá un tipo de letra diferente para el encabezado y uno diferente para el cuerpo. Y esto es para crear un ligero contraste e interés en sus diseños.

Algunas de las reglas comunes que usan los diseñadores cuando combinan diferentes fuentes:

  1. Los Serif y Sans-Serif funcionan muy bien juntos. Tiende a crear un buen diseño. Sans-Serif tiene una legibilidad ligeramente mayor en comparación con las Serif. Es por eso que Sans-Serif es una gran tipografía para el cuerpo del texto.
    No combine un Serif con un Serif y un Sans-Serif con un Sans-Serif porque puede parecer un poco soso e indiferenciado.
  2. Demasiadas fuentes en un diseño no es algo bueno. Termina pareciendo demasiado extraño. Se adhieren a 2 fuentes (una de la familia Serif y la otra de Sans-Serif).
  3. Aprecia el estado de ánimo de la tipografía al igual que los colores. Y no combine diferentes estados de ánimo juntos. Intente combinar fuentes más modernas con fuentes modernas y fuentes más antiguas con las más tradicionales.
    Si obtienes el estilo de tus tipos de letra, comienzas a crear algunos diseños increíblemente hermosos.
    Cosas que deberías mantener similares: Mood y Time era de la fuente
    Cosas que debe contrastar: Serif-ness (por ejemplo, una fuente debe ser Serif y la otra Sans-Serif) y Weights.
    Peso significa cuán pesado o audaz es su texto. La mayoría del software de diseño tiene una amplia gama de pesos. Por ejemplo, ligero, medio, negrita, extra negrita, etc. Juega con diferentes pesos poniéndolos en contraste para crear diseños interesantes.

NUNCA use - Comic Sans, Papyrus, Viner, Kristen, Curlz. No importa lo que esté diseñando, harán que sus diseños se vean terribles.

Herramientas para tipografía

  1. WhatFont
    Una extensión de Chrome que le dice el nombre de una fuente en cualquier sitio web.
  2. Ardilla de fuente
    Normalmente descargo fuentes desde aquí. Son gratuitos para uso comercial.

Esa fue una breve descripción del vasto campo de la tipografía. ¡Espero que hayas aprendido cosas interesantes que puedes usar en tus diseños! :)