Volver a lo básico: tipografía hermosa en diseño web
Un gran sitio web comienza con una hermosa tipografía. Y aunque romper la regla ocasional es genial, a veces es bueno volver a los principios de lo que hace que la tipografía sea excelente y cómo crearla.
Es una actualización vital que puede ayudarlo a repensar proyectos, considerar un nuevo enfoque o simplemente volver a un diseño más simple y simplificado.
Así que hoy, estamos ignorando las tendencias y formas de romper las reglas para enfocarnos en la teoría de la tipografía y cómo las "reglas" pueden ser una gran guía para crear tipos fenomenales.
Tamaño y Jerarquía
El tamaño importa. El tamaño puede ser uno de los factores más importantes al crear un esquema para la tipografía legible en las pantallas. El texto minúsculo puede ser discordante y difícil de ver. El texto de gran tamaño puede atravesar líneas de formas extrañas y causar confusión.
La tipografía legible tiene varias capas de jerarquía para indicar a los usuarios qué leer primero, segundo, etc. Hay una escala obvia para que el texto del cuerpo sea de un tamaño en todo el diseño, los titulares son de otro tamaño y los desgloses y subtítulos también tienen sus propias especificaciones.
Seguimiento y Kerning
A menudo confundido, el seguimiento y el interletraje no son lo mismo. Kerning es el ajuste del espacio entre un par de letras. El seguimiento es el ajuste de espacio entre un conjunto completo de caracteres, como un párrafo o un ajuste general a un bloque de texto.
El kerning a menudo se aplica a elementos individuales para crear precisión y mejorar la legibilidad e incluso el estilo para texto grande. El seguimiento se usa a menudo para ajustar un tipo de letra suelto en la copia del cuerpo.
Limitar tipos de letra
Demasiados tipos de letra pueden ser abrumadores y discordantes. Dos o tres tipos de letra son suficientes para la mayoría de los proyectos.
La clave para elegir una opción de tipo sólido es elegir una familia de tipos con muchas variaciones de estilo. La mayoría de los tipos de letra de calidad vienen con múltiples estilos: negrita, regular, cursiva, condensada, negro, etc. Al elegir un tipo de letra con múltiples opciones, tendrá un peso y un estilo para múltiples usos. (Algunas familias incluso incluyen opciones serif y sans serif si desea mantener todo el diseño en una sola familia de fuentes).
Mezclar y combinar estilos
Cuando selecciona tipos de letra, es cierto que esta puede ser la parte más difícil de muchos proyectos de diseño, está bien, e incluso es preferible, elegir dos estilos de tipo diferentes.
El emparejamiento más común es un serif y sans serif. Pero no tienes que quedarte con eso.
Cuando combine diferentes estilos y tipos de letra, busque letras que tengan una altura x similar (busque juegos de caracteres con el mismo tamaño vertical "x" en minúsculas) y la forma de los cuencos (espacio dentro de letras cerradas como una "o").
Estos detalles pueden marcar una gran diferencia en términos de cómo los tipos de letra se sienten juntos y qué tan fácil es para los usuarios leer el texto. El uso de formas de letras similares en diferentes estilos todavía tiene una familiaridad visual que puede hacer que todo el tipo sea más fácil de leer juntos.
Olvídate de guiones y justificación
La mayoría de las veces, los guiones y la justificación completa son innecesarios.
Particularmente en línea, estas técnicas pueden hacer que el texto sea más difícil de digerir y comprender de un vistazo. Los guiones rompen la experiencia de lectura y la justificación completa a menudo resulta en un espacio extraño que es difícil de leer.
Si bien ambos elementos tienen su lugar en algunos proyectos, a menudo deben evitarse.
No altere las fuentes
Nunca debes ajustar una fuente. No trate de hacerla más gorda o más alta o más delgada. Elija un nuevo tipo de letra en su lugar.
Los diseñadores de tipos trabajan duro para crear un conjunto consistente de caracteres para un tipo de letra que sean legibles y se ajusten al estilo de la fuente. No intentes cambiar el aspecto de un conjunto de personajes. No los mejorará y, a menudo, hará un desastre del tipo en el proceso.
Si un tipo de letra no funciona como lo necesita, busque otra cosa. Pruebe la herramienta de fuente similar Identifont, que identifica los tipos de letra con apariencias similares, para seleccionar otra opción que podría funcionar mejor en su proyecto.
Contraste
Diseño para contraste usando tipografía. Del mismo modo que usaría diferentes tamaños para crear jerarquía, considere diferentes pesos de fuente, colores y estilos para proporcionar interés visual.
El color es una de las formas más efectivas y fáciles de crear contraste. El contraste ideal es el texto oscuro sobre un fondo claro (o al revés). Hay una cantidad casi ilimitada de opciones de color para ayudarlo a lograr esto. Cuando juegues con color y tipografía, ten en cuenta que algunas combinaciones de colores, como el rojo brillante sobre el azul derecho, pueden ser realmente difíciles de leer. Busque combinaciones que sean diferentes en términos de luz versus oscuridad, vitalidad y saturación.
Cuando se trata de contraste, los fondos simples a menudo son mejores para dar espacio para leer. Pero si el fondo contiene elementos visuales, como una imagen o un patrón, aumente el tamaño de las letras para crear una separación entre el fondo y el elemento de texto en primer plano.
Medir asuntos
Una medida es el tamaño del contenedor que contiene texto. Puede ser el ancho de un cuadro de texto completo o una sola columna en un formato de varias columnas.
La medición es importante porque la cantidad de caracteres (incluidos espacios, glifos y puntuación) en la pantalla puede afectar la legibilidad. La teoría detrás de este concepto es que si las líneas son demasiado largas o demasiado cortas, puede ser agotador para el ojo del usuario leer debido a un movimiento constante de ida y vuelta de una línea a la siguiente.
De The Elements of Typographic Style: “Cualquier cosa de 45 a 75 caracteres se considera ampliamente como una longitud de línea satisfactoria para un conjunto de páginas de una sola columna en una cara de texto serifada en un tamaño de texto. La línea de 66 caracteres (contando tanto letras como espacios) es ampliamente considerada como ideal. Para el trabajo de columnas múltiples, un mejor promedio es de 40 a 50 caracteres ".
Este es un punto de partida bastante bueno para la mayoría de los proyectos, aunque muchos proyectos están sesgados a tamaños de letra que son un poco más grandes, lo que haría que el recuento de caracteres caiga en el extremo más pequeño de ese rango.
Aunque la tipografía móvil no era una preocupación cuando se publicó el libro por primera vez, la guía para múltiples columnas es un punto de partida aceptable. Incluso puede optar por ir un poco más abajo y apuntar a 35 caracteres por línea más óptimos para pantallas pequeñas.
Conclusión
Si desea seguir pensando en la teoría de la tipografía y las letras, hay algunos libros excelentes además del clásico mencionado anteriormente.
Considerar:
- Pensando con el tipo por Ellen Lupton
- Por qué las fuentes importan por Sarah Hyndman
- Just My Type: Un libro sobre fuentes de Simon Garfield
