
Para el diseño digital, es importante saber y comprender cómo usar y combinar diferentes fuentes. ¡Hay una fuente para cada estado de ánimo!
Esta publicación le dará una introducción rápida a las familias más grandes en Tipografía: Serif y Sans Serif. Y cómo, como diseñador, puede elegir las fuentes adecuadas y combinarlas.
¡Empecemos!
Familia tipo Serif

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

Muchos de los 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 diminutos es en realidad por el tallado en piedra. En los días en que la gente necesitaba tallar letras latinas en piedra, el diseñador solía pintar las letras que querían con un pincel. Pero los canteros tendrían que tallarlo de ese cuadro. Y esa talla de piedra creó estas serifas en las letras.
La gente tiende a usar los tipos de letra Serif para algo bastante serio. Esto se debe a su apariencia tradicional y conservadora.
Serif se divide 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 solía tener el texto en el siglo XV. Muy viejo.

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

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.

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

Ahora bien, ¿cómo diferencia entre estas cuatro clases principales de la familia Serif?
De hecho, es bastante fácil. Mire las tres primeras familias: estilo antiguo, de transición y moderno. Ponlos uno al lado del otro. Si observa la parte más delgada frente a la más gruesa de las letras, lo verá a medida que avanza 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 el moderno.
Y gran parte de esta modulación proviene de cuando la gente solía escribir con bolígrafos de punta plana.
¿Qué pasa con Slab-Serif?
Si echas un vistazo a una fuente Slab-Serif, verás 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 "más hacia el futuro, mayor será la diferencia entre la parte más gruesa y más fina de la fuente". Slab-Serif se creó para la impresión de periódicos para una lectura más clara cuando la calidad del papel solía ser mala.
Familia tipo Sans-Serif

Sans-Serif se diferencia del Serif. No tiene serifas (los pequeños pies) ni ningún elemento decorativo 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 más viejo. Esto incluye News Gothic, Franklin Gothic y más.

2. Neo-grotesco :
Un poco más moderno. Helvetica y Ariel son ejemplos.

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

4. Geométrico :
Están basados en formas geométricas. Futura es un ejemplo.

¿Cómo diferencia entre los cuatro?
Ahora, de forma similar a las serifas, puedes pasar de la familia Grotesca más antigua a la Neo-Grotesca y luego al Humanista. Puede ver la diferencia en las partes más gruesas y más delgadas de la fuente se vuelven cada vez más exageradas. Cuando miras el Grotesque, es casi equidistante en todos los puntos. Y cuando miras las tipografías humanistas, comienzas a ver la variación de la modulación.
En una tipografía geométrica, las O son siempre perfectamente redondas. Las O se ven exactamente como si dibujara con un transportador. Y este tipo de letra se parece un poco al tipo Slab-Serif. Aunque es uno de los tipos de letra modernos de la familia, se opone a 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 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?
Humanist Sans-Serif se considera más legible que Grotesque. Y las razones son:
- La tipografía humanista tiene formas más abiertas.
- El espaciado 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 el tipo de letra Grotesque, los personajes son ambiguos entre sí. Una 'g' minúscula y un 9 en Grotesque se ven bastante similares, todos son muy cuadrados, lo que agrega más confusión y lo hace menos legible. Mientras que en el tipo de letra Humanista, puedes diferenciar claramente entre los personajes.
Estos son algunos de los 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, normalmente tendrá un tipo de letra diferente para el título y otro para el cuerpo. Y esto es para crear un ligero contraste e interés en tus diseños.
Algunas de las reglas comunes que usan los diseñadores cuando combinan diferentes fuentes:
- 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 los Serif. Es por eso que Sans-Serif es un tipo de letra excelente 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 insípido e indiferenciado.
- Demasiadas fuentes en un diseño no es algo bueno. Termina luciendo demasiado extraño. Cíñete a 2 fuentes (una de la familia Serif y la otra de Sans-Serif).
- Aprecia el estado de ánimo del tipo de letra al igual que los colores. Y no combine diferentes estados de ánimo. Intente combinar fuentes más modernas con fuentes modernas y fuentes más antiguas con fuentes más tradicionales.
Si obtiene el estado de ánimo de sus tipografías, comienza a crear diseños increíblemente hermosos.
Cosas que debe mantener similares: era de humor y tiempo de la fuente
Cosas que debe contrastar: Serif-ness (por ejemplo, una fuente debe ser Serif y la otra Sans-Serif) y Weights.
El peso significa qué tan pesado o en negrita es su texto. La mayoría de los programas de diseño tienen una amplia gama de pesos. Por ejemplo, claro, medio, negrita, extra negrita, etc. Juega con diferentes pesos 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
- WhatFont
Una extensión de Chrome que te dice el nombre de una fuente en cualquier sitio web.
- Ardilla
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 puedas usar en tus diseños! :)