Serif, Sans, Script & Slab: 4 tipos de fuente explicados
¿Siempre quiso saber la diferencia entre las fuentes serif, sans, script y slab? No busque más. Lleva tu juego de tipografía al siguiente nivel y deja de adivinar si ciertos tipos de letra o pares de fuentes funcionan juntos. ¡Respalda tu lógica con una pequeña teoría de diseño!
Tener un mejor conocimiento de las fuentes y la tipografía puede facilitar la explicación de sus elecciones a los clientes (siempre una ventaja), y le dará más confianza al seleccionar pares de fuentes. Aquí hay una introducción (o actualización) sobre cuatro tipos de fuente comunes y cómo usarlos en sus proyectos de diseño.
Explore los elementos de Envato
1. Serif
Los tipos de letra Serif son posiblemente la categoría de tipo más tradicional. El estilo es común con la composición tipográfica en libros y periódicos y a menudo se usa en largos bloques de texto.
Los tipos de letra serif se pueden identificar mediante pequeñas divisiones en los extremos de las formas de letras.Durante un tiempo, muchos diseñadores web se mantuvieron alejados del uso de tipos de letra 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 cada detalle.
En cualquier caso, el uso de tipos de letra serif no es tan común como la opción sans. En la mayoría de los casos donde se usan tipos de letra serif, complementan una opción sans serif que se usa para la mayor parte del texto en la pantalla.
Los tipos de letra serif se pueden identificar mediante pequeñas divisiones en los extremos de las formas de letras. Estos pequeños trazos pueden ser cortos o largos, rectos o angulados o tener pesos variables.
Los tipos de letra Serif a menudo se agrupan en un puñado de subcategorías basadas en el período de tiempo en el que se creó originalmente el estilo: estilo antiguo, moderno y de transición.
Las serifas de estilo antiguo tienen una forma redondeada con trazos uniformes. Cada letra de un serif moderno tiene trazos gruesos y delgados. Las serif de transición son una combinación de los dos estilos mencionados anteriormente y son un estilo de serif casi predeterminado para muchos diseñadores.
- Ideal para: visualización o texto del cuerpo
- Evita: apilar demasiadas serifas a menos que estés buscando un estilo antiguo
- Emparejar 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 letras y adquieren una forma más simple. Pero no piense que debido a la falta de adornos en las letras, las sans serif son aburridas. Son cualquier cosa menos.
Evite las opciones súper delgadas porque pueden ser difíciles de leer.Los estilos sin serifas pueden tener letras gruesas o delgadas, cortas o altas, gruesas o condensadas.
Este estilo de tipo se ha utilizado de forma bastante dominante en el diseño de sitios web debido a su versatilidad. Los tipos de letra Sans serif son aceptados 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 cuán enormemente diferentes han sido esos proyectos).
- Ideal para: visualización o texto del cuerpo
- Evitar: opciones súper delgadas porque pueden ser difíciles de leer
- Emparejar con: cualquier otro estilo de fuente
- Opciones populares: Roboto, Open Sans, Raleway
3. Script
Los tipos de letra de script 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 fuentes de "escritura a mano".La mayoría de los tipos de letra de script se pueden identificar mediante la curva de formas de letras y trazos de conexión, que imitan la escritura cursiva. Muchos diseñadores se refieren a los guiones como una clase de fuentes de "escritura a mano".
Si bien muchas personas suponen que los guiones tienen un toque femenino, ese no es siempre el caso. Los guiones con trazos más gruesos o más duros en realidad 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. Las secuencias de comandos no son fáciles de escanear y son excepcionalmente difíciles de leer en tamaños más pequeños o en un espacio compactado (como grandes bloques de texto).
- Ideal para: pantalla con solo unas pocas palabras
- Evitar: usar en grandes bloques de texto
- Emparejar con: A sans serif
- Opciones populares: Pacífico, Langosta, Sacramento
4. Losa
Los tipos de letra 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 losas se refieren a casi cualquier estilo de tipografía con pesos de trazo súper gruesos para todas las letras.
Este estilo de tipo es común en publicidad y en sitios web cuando el mensaje es corto y distinto.Estos tipos de letra pesados casi siempre se usan para el tipo de visualización y los grandes titulares. Son audaces y casi gritan al usuario.
Este estilo de tipo es común en publicidad y en 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 al tamaño. Este estilo de tipo también se puede utilizar para elementos de diseño, como capitulares y pequeñas aplicaciones de una sola letra.
Lo divertido de los tipos de letra de losa es que debido a los pesos de trazo grueso, 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 letras gruesas hacen que estas aplicaciones sean más utilizables y legibles, de una manera que no funciona tan bien con otros estilos de fuente.
- Ideal para: Mostrar texto
- Evitar: usar en tamaños más pequeños debido a problemas de legibilidad
- Emparejar con: A sans serif o serif
- Opciones populares: Slabo, Rammetto One, Graduado
Conclusión
Los errores más grandes que cometen los diseñadores cuando trabajan con fuentes es usar demasiados tipos de letra o tipos de letra que son muy similares. La mayoría de las combinaciones de tipos geniales incluyen dos familias de tipos de diferentes categorías: elija entre dos de las opciones anteriores. Elija tipos de letra con muchas opciones y asigne un rol distinto para cada tipo de letra en el diseño.
Busque tipos de letra con formas y sesgos similares para combinaciones que funcionen juntas como un encanto. Y no tenga miedo de experimentar con muchas opciones para obtener el estado de ánimo que necesita para cada proyecto.
