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 genial Tipografía - y cómo crearla.
Es una actualización vital que puede ayudarlo a repensar los 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 las formas de romper las reglas para enfocarnos en la teoría de la tipografía y cómo funcionan las reglas. Puede 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 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 romper líneas de manera extraña y causar confusión.
La tipografía legible tiene varias capas de jerarquía para decirle a los usuarios qué leer primero, segundo y así sucesivamente. Hay una escala obvia de modo que el texto del cuerpo es un tamaño en todo el diseño, los titulares son otro tamaño y los desgloses y subtítulos tienen sus propias especificaciones también.
Seguimiento y kerning
A menudo confundidos, el rastreo y el kerning no son lo mismo. Kerning Es el ajuste del espacio entre un par de letras. Rastreo Es el ajuste del espacio entre un conjunto completo de caracteres, como un párrafo o el 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 de texto grande. El seguimiento se utiliza a menudo para apretar un tipo de letra suelto en la copia del cuerpo.
Limitar las tipografías
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 mucha variación de estilo. La mayoría de los tipos de letra de calidad vienen con varios 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 las opciones serif y sans serif si desea mantener todo el diseño en una sola familia de fuentes).
Mezcla y combina estilos
Cuando selecciona los 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 tipos de letra diferentes.
La pareja más común es un serif y sans serif. Pero no tienes que apegarte a eso.
Cuando combine diferentes estilos y tipos de letra, busque letras que tengan una altura x similar (busque conjuntos de caracteres con la misma minúscula vertical x tamaño x) y la forma de tazones (espacio dentro de las letras cerradas, como una? O?).
Estos detalles pueden hacer una gran diferencia en términos de cómo se sienten las tipografías juntas y lo fácil que es para los usuarios leer el texto. El uso de formas de letras similares en diferentes estilos aún tiene una familiaridad visual que puede hacer que todo el tipo sea más fácil de leer juntos.
Olvide los guiones y la 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, deben evitarse con más frecuencia.
No alterar las fuentes
Nunca debes ajustar una fuente. No trates de hacerlo más gordo, más alto o más delgado. 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 sea legible y que se ajuste al estilo de la fuente. No intentes cambiar el aspecto de un conjunto de caracteres. No los mejorarás y con frecuencia harás 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 tipos de letra con aspectos similares, para seleccionar otra opción que podría funcionar mejor en su proyecto.
Contraste
Diseño para contraste utilizando tipografía. Del mismo modo que usaría diferentes tamaños para crear una 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 ayudarte a lograr esto. Cuando juegue con color y tipografía, tenga en cuenta que algunas combinaciones de colores, como el rojo brillante en el azul derecho, pueden ser realmente difíciles de leer. Busque combinaciones que sean diferentes en términos de luz contra oscuridad, vibración y saturación.
Cuando se trata de contraste, los fondos simples a menudo son los mejores para dar espacio para leer el texto. Pero si el fondo contiene elementos visuales, como una imagen o un patrón, el tamaño del tamaño de las letras creará una separación entre el fondo y el elemento de texto en primer plano.
Asuntos de medida
Una medida es el tamaño del contenedor que contiene texto. Este puede ser el ancho de un marco de texto completo o una sola columna en un formato de varias columnas.
La medida importa porque la cantidad de caracteres (incluidos los espacios, los glifos y la 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 los ojos del usuario leer debido a un movimiento constante de una línea a otra.
Desde Los elementos del estilo tipográfico: ? Los caracteres de 45 a 75 caracteres se consideran en general como una longitud de línea satisfactoria para un conjunto de páginas de una sola columna en una cara de texto serificada en un tamaño de texto. La línea de 66 caracteres (contando letras y espacios) es considerada como ideal. Para el trabajo en columnas múltiples, un promedio mejor 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 inclinados 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.
A pesar de que la tipografía móvil no era una preocupación cuando se publicó el libro por primera vez, la guía para columnas múltiples es un punto de partida aceptable. Incluso puede optar por ir un poco más bajo y apuntar a 35 caracteres por línea más óptimos para pantallas pequeñas.
Conclusión
Si quieres seguir pensando en la teoría de la tipografía y las letras, hay algunos libros geniales además del clásico mencionado anteriormente.
Considerar:
- Pensando con Tipo por Ellen Lupton
- Por qué las fuentes son importantes por Sarah Hyndman
- Just My Type: Un libro sobre fuentes por Simon Garfield