¿Siempre quiso saber la diferencia entre las fuentes serif, sans, script y slab? No busque más. Lleve su juego de tipografía al siguiente nivel y deje de adivinar si ciertos tipos de letra o pares de fuentes funcionan juntos. ¡Respalda tu lógica con un poco de teoría del diseño!
Tener un mejor conocimiento de las fuentes y la tipografía puede facilitar la explicación de sus opciones a los clientes (siempre es una ventaja) y le dará más confianza al seleccionar los pares de fuentes. Aquí hay una introducción (o actualización) sobre cuatro tipos de fuentes comunes y cómo usarlas en sus proyectos de diseño.
1. Serif
Las fuentes tipográficas de Serif son posiblemente la categoría de tipo más tradicional. El estilo es común con la tipografía en libros y periódicos y se utiliza a menudo en largos bloques de texto.
Los tipos de letra serif se pueden identificar mediante pequeños divots en los extremos de los formularios de letras.Durante un tiempo, muchos diseñadores web se mantuvieron alejados del uso de fuentes tipográficas serif porque les preocupaba que el aspecto no fuera legible en línea. Este ya no es el caso, gracias a las pantallas de alta definición que muestran todos los detalles.
En cualquier caso, el uso de fuentes tipográficas serif no es tan común como la opción sans. En la mayoría de los casos donde se utilizan fuentes tipográficas serif, complementan una opción sans serif que se usa para la mayoría del texto en la pantalla.
Los tipos de letra serif se pueden identificar mediante pequeños divots en los extremos de los formularios de letras. Estos pequeños trazos pueden ser cortos o largos, rectos o en ángulo o tienen pesos variables.
Los tipos de letra serif a menudo se agrupan en un puñado de subcategorías según el período de tiempo en el que se creó originalmente el estilo: estilo antiguo, moderno y de transición.
Las remates estilo antiguo tienen una forma redondeada con anchos de trazo uniformes. Cada letra de un serif moderno tiene anchos de trazo gruesos y finos. Las remates transicionales son una combinación de los dos estilos mencionados anteriormente y son un estilo de atado casi predeterminado para muchos diseñadores.
- Ideal para: texto de visualización o cuerpo
- Evite: apilar demasiados remates a menos que esté buscando un estilo antiguo.
- Par con: Un simple sans serif
- Opciones populares (de Google Fonts): Merriweather, Playfair Display, Arvo
2. Sans Serif
Los tipos de letra Sans serif carecen de adornos en los extremos de las formas de las letras, adoptando una forma más simple. Pero no pienses eso porque hay una falta de adornos en las letras, sin serifas son aburridas. Son cualquier cosa menos.
Evite las opciones súper delgadas porque pueden ser difíciles de leer.Los estilos Sans serif pueden tener letras gruesas o delgadas, cortas o altas, gordas o condensadas.
Este estilo de tipo se ha utilizado de forma bastante dominante en el diseño de sitios web debido a su versatilidad. Las fuentes Sans serif son aceptadas universalmente por la mayoría de los diseñadores y casi pueden asumir la personalidad del diseño donde se usan. (Solo piense en cuántas veces ha visto Helvetica y en qué tan diferentes han sido esos proyectos).
- Ideal para: texto de visualización o cuerpo
- Evitar: opciones super finas porque pueden ser difíciles de leer
- Combina con: cualquier otro estilo de fuente
- Opciones populares: Roboto, Open Sans, Raleway
3. Script
Los tipos de letra de los scripts son uno de los estilos menos vistos en el diseño de sitios web, y por una buena razón: los scripts tienden a evocar emociones distintas con los usuarios y, a menudo, pueden ser difíciles de leer.
Muchos diseñadores se refieren a los guiones como una clase de? Escritura a mano? fuentesLa mayoría de los tipos de letra de script se pueden identificar por la curva de las formas de letras y los trazos de conexión, que imitan la escritura cursiva. Muchos diseñadores se refieren a los guiones como una clase de? Escritura a mano? fuentes
Si bien muchas personas asumen que los guiones tienen un toque femenino, no siempre es así. Los guiones con trazos más gruesos o más duros pueden sentirse más masculinos. Gran parte de la asociación en realidad depende de los elementos de diseño circundantes.
La mayor preocupación con los tipos de letra de script es la legibilidad. Los scripts no son fáciles de escanear y son excepcionalmente difíciles de leer en tamaños más pequeños o en espacios compactados (como grandes bloques de texto).
- Ideal para: Mostrar con sólo unas pocas palabras
- Evitar: Usar en grandes bloques de texto.
- Par con: A sans serif
- Opciones populares: Pacífico, langosta, Sacramento
4. losa
Las tipografías de losa son interesantes. Hubo un tiempo en que las losas eran un subconjunto de tipos de letra serif, pero eso ha cambiado, y las fuentes de losa se refieren a casi cualquier estilo de letra con pesos de trazo super gruesos para todas las letras.
Este tipo de estilo es común en la publicidad y en los sitios web cuando el mensaje es corto y distinto.Estos tipos de letra pesados casi siempre se utilizan para el tipo de pantalla y grandes titulares. Son audaces y casi gritan al usuario.
Este tipo de estilo es común en la publicidad y en los sitios web cuando el mensaje es corto y distinto. Las losas pueden ser abrumadoras y difíciles de leer si se usan demasiadas letras debido al peso y tamaño. Este tipo de estilo también se puede utilizar para elementos de diseño como, por ejemplo, mayúsculas y aplicaciones pequeñas de una sola letra.
Lo divertido de los tipos de letra de losa es que debido a los trazos gruesos, hay muchas cosas que puede hacer con ellos. Los tipos de letra de losa son perfectos para estilos en línea, fuentes de color, rellenar letras con imágenes o crear una palabra transparente sobre una imagen. Las formas de letras gruesas hacen que estas aplicaciones sean más usables y legibles, de una manera que no funciona tan bien con otros estilos de fuente.
- Mejor para: texto de pantalla
- Evitar: usar en tamaños más pequeños debido a problemas de legibilidad
- Par con: A sans serif o serif
- Opciones populares: Slabo, Rammetto One, graduado
Conclusión
Los errores más grandes que los diseñadores cometen cuando trabajan con fuentes son usar demasiados tipos de letra o usar tipos de letra demasiado similares. La mayoría de los emparejamientos de tipos incluyen dos tipos de familias de diferentes categorías: elija entre dos de las opciones anteriores.Elija tipos de letra con muchas opciones y asigne una función distinta para cada tipo de letra en el diseño.
Busque tipos de letra con formas similares e inclinaciones para los pares que funcionan juntos como un amuleto. Y no tenga miedo de experimentar con muchas opciones para obtener el estado de ánimo que necesita para cada proyecto.