Desde hace mucho tiempo existe la teoría de que los tipos de letra serif son para proyectos impresos y que los sans serif son para diseño de sitios web. Pero con más pantallas de alta definición y excelentes opciones de tipos disponibles, esa regla ya no es tanto una regla.
Ya sea que prefiera serifs o sans serifs (o una combinación de los dos), los objetivos principales al elegir tipos de letra para proyectos de diseño digital deben ser legibilidad y legibilidad. Simple, debe seleccionar fuentes que sean nítidas y fáciles de leer en la pantalla. Parte de esto está relacionado con el uso, como el tamaño y la ubicación del texto, y luego con el estilo de letra que elija.
El caso de Sans Serif
Probablemente hay muchos de ustedes que ya están descontentos con la premisa aquí. Usted está bastante seguro de que sans serifs es el mejor para el diseño de sitios web. Y eso puede haber sido cierto hace unos años.
Todavía hay algunas veces y lugares donde generalmente se prefieren sans serifs:
- Para pantallas de baja resolución.
- Para los nuevos lectores, como los niños.
- Con mucho color o en patrones de bajo contraste.
- Texto que es excepcionalmente pequeño o estrecho
Entrar en pantallas de alta definición
¿Uno de los mayores descubridores de mitos cuando se trata de "debe usar tipos de letra sans serif para el diseño de sitios web"? Es la aparición de pantallas de alta definición. Más puntos por pulgada de pantalla se correlacionan con un detalle más rico para todo, incluida la tipografía.
Piénsalo de esta manera. Los libros en muchos lectores electrónicos y tabletas se encuentran en tipografías serif. Y son perfectamente fáciles de entender. Esto se debe a que la resolución de la pantalla es lo suficientemente nítida para manejar las líneas y los trazos en el tipo de letra.
Incluso en 2012, Jakob Nielsen, de Nielsen Norman Group, que se centra en la experiencia del usuario, la investigación y la capacitación, observó que las mejores pantallas están cambiando el panorama de las pautas de tipografía para el diseño de sitios web. Aquí está la conclusión de ese estudio:
? La antigua guía de usabilidad para la tipografía en línea era simple: atenerse a las tipografías sans-serif. Debido a que las pantallas de las computadoras eran demasiado malas para representar correctamente las serifas, el intento de tipografía con el tamaño del texto del cuerpo daba como resultado formas de letras borrosas.
? Desafortunadamente, la nueva guía no es tan clara como la anterior. La investigación de la legibilidad no es concluyente en cuanto a si las fuentes de serif son realmente mejores que las de sans serif.
? Casi todos los periódicos, revistas y libros impresos de uso general utilizan el tipo serif, por lo que las personas están más acostumbradas a leer textos largos en este estilo. Sin embargo, dados los datos de la investigación, la diferencia en la velocidad de lectura entre serif y sans serif es aparentemente bastante pequeña. Por lo tanto, no hay una pauta sólida de uso a favor del uso de uno u otro, por lo que puede hacer una elección basada en otras consideraciones, como la marca o el estado de ánimo comunicado por un estilo tipográfico particular.
Pero en realidad estamos empezando a ver a más diseñadores que adoptan esta idea.
Legibilidad
La legibilidad es la capacidad de ser leído fácilmente. Hay una serie de factores que contribuyen a la legibilidad, incluido lo interesante (o no) que es el contenido y cómo se ve realmente cuando se lo agrupa como un bloque de texto. Lo último es lo que realmente nos importa cuando se trata de tipografía.
Por lo general, puedes verlo cuando se trata de estética y legibilidad. ¿Puedes decir lo que el sitio web está tratando de comunicar con solo un vistazo? Si es así, es legible.
Hay una serie de herramientas de legibilidad que puede usar para ayudar a determinar qué tan legible es su texto. Si bien no existe una ciencia exacta detrás de la legibilidad, estas herramientas son una buena base para ayudarlo a comenzar.
- La herramienta de prueba de legibilidad: coloque en una URL y pruebe la legibilidad del texto.
- Puntuación de legibilidad: ingrese texto y obtenga una puntuación basada en qué tan legible es el texto.
- Facilidad de lectura: convierte cualquier sitio web en una vista de lectura limpia.
Legibilidad
La legibilidad se refiere a la calidad de las letras y si es lo suficientemente clara y clara para ser leída. Una buena tipografía debe ser fácil de leer sin esfuerzo. La selección tipográfica se relaciona directamente con la legibilidad. (Piense en la escritura a mano y cómo se llama legible o no; es exactamente lo mismo que con las letras digitales).
Cuando se trata de legibilidad, cada letra debe distinguirse claramente de otras letras. Los factores contribuyentes incluyen todo, desde la forma real de las letras grueso contra delgado, alto versus corto, espaciado y el uso de serifas u otra ornamentación.
Como regla general, los tipos de letra más legibles tienen caracteres más redondos y distintos; x-alturas más grandes; espaciado adecuado y consistente de las letras; Y una naturaleza sencilla.
Consejos de selección de tipografía
¿Se ha vendido al probar un tipo de letra sans serif para su próximo proyecto de diseño de sitios web todavía? Aquí hay algunos consejos para seleccionar la mejor opción sans serif.
- Seleccione distintas formas de letras: Aléjese del monitor y observe el tipo de letra que ha seleccionado. ¿Puedes distinguir letras individuales con facilidad? La elección de un tipo de letra con diferentes formas de letras facilita la lectura en cualquier tamaño de pantalla, especialmente en pantallas pequeñas o muy grandes.
- Optar por pesos medios: Tipografías con anchos de trazo regulares. Tipos de letra que son demasiado gruesos o demasiado delgados: ¿recuerda la controversia con el iOS 7 de Apple? - Puede ser difícil de leer. Para el texto del cuerpo, permanezca en un lugar intermedio con un peso de trazo medio y universal. Alternar trazos gruesos y finos también puede causar algunos problemas.
- Busque tipografías de calidad: la propiedad de cualquier fuente antigua para la web, puede no resultar en la nitidez que necesita para los proyectos. Se adhieren a un tipo de letra de un proveedor de renombre. Y miralo de cerca en la pantalla. ¿Se puede ampliar hasta 200 o 500 veces el tamaño real y aún así obtener un buen renderizado? Con herramientas como Adobe Typekit y Google Fonts, hay una gran cantidad de tipos de letra disponibles para la web que se verán excelentes y ayudarán a crear una sensación distinta para su proyecto.Si bien no siempre puede hacer coincidir los tipos de letra exactamente para proyectos impresos y digitales, busque un estilo que tenga la misma apariencia para enfatizar la consistencia en su marca.
- Las fuentes ornamentales deben usarse con moderación: Los tipos de letra ornamentados pueden ser una gran adición a los proyectos, pero utilícelos intencionalmente y con un propósito. (A menudo carecen de legibilidad o legibilidad).
- Busque opciones de tipo distinto: Elige un tipo de letra que no sea tan aburrido. Elija un tipo de letra de una familia fuerte con un montón de pesos y opciones como negrita, cursiva o opciones condensadas.
- Establecer el estado de ánimo adecuado: Independientemente del estilo de letra que elija, asegúrese de que coincida con el estado de ánimo de su proyecto. Hay muchos factores. Aprende más sobre ellos en un artículo anterior de Design Shack.
- Mezclar y combinar Use una combinación de tipografías serif y sans serif en el mismo diseño, con un estilo para el encabezado y el otro para el cuerpo. Pero experimenta haciendo lo contrario de lo que podrías esperar. Utilice sans serif para texto más grande, como titulares, y use serif para texto de cuerpo.
Conclusión
¿Cómo te sientes acerca del uso de tipografías sans serif en la web? ¿Estás listo para probarlo? Los ejemplos a lo largo de este artículo muestran que una gran tipografía web no tiene que ser sans serif.
Asegúrese de hacer clic en los ejemplos y los enlaces para obtener una buena idea de cómo los diseñadores utilizan las fuentes tipográficas serif en una variedad de formas y con gran éxito.