Qué hacer y qué no de la tipografía
Como gran parte del contenido disponible en la web es texto, es esencial que los diseñadores comprendan los principios básicos de una buena tipografía. Tener tal conocimiento permite a los diseñadores comunicarse de manera más efectiva, lo que les permite crear mejores diseños y sitios web que son más fáciles de usar.
Para los diseñadores más experimentados, la configuración del texto puede ser algo natural, pero para aquellos que recién están comenzando, he decidido elaborar una lista de lo que se debe y no se debe hacer. Esta lista no solo le enseñará los fundamentos, sino que también puede usarla como una lista de verificación para trabajar en futuros proyectos. Aquí va:
ESTABLECER una jerarquía tipográfica
Se puede establecer una jerarquía tipográfica usando una variedad de métodos como tamaño, peso, color y contraste. Su propósito es dar estructura a las páginas y guiar al usuario a través del contenido. Sin una jerarquía clara, el texto se vuelve mucho más difícil de escanear y, por lo tanto, generalmente más difícil de leer. Solo eche un vistazo a los ejemplos a continuación. A la izquierda, el texto tiene un tamaño y un peso, por lo que es difícil diferenciar entre los títulos y el texto del cuerpo. Mientras tanto, a la derecha, tenemos el mismo contenido pero con una clara jerarquía tipográfica, por lo que es mucho más fácil distinguir entre los diferentes elementos.
Aquí solo he usado el tamaño y el peso para establecer mi jerarquía, pero para obtener mejores resultados, también puedes intentar experimentar con el color y el contraste.
NO hagas que el texto sea demasiado pequeño
No todos tienen una visión de 20-20, por lo que es importante asegurarse de que el texto de su cuerpo sea lo suficientemente grande como para que las personas puedan leer cómodamente. Personalmente, recomendaría no más pequeño que un tamaño de 14 puntos.
Elija una fuente apropiada para el texto del cuerpo
Otro factor importante cuando se trata del texto de su cuerpo es la legibilidad. Aunque un tipo de letra como Satisfy puede adaptarse a un diseño con una estética hecha a mano, el uso de un tipo de letra como este para el texto de su cuerpo tendrá un impacto negativo en sus usuarios. Esto se debe a que es mucho más difícil de leer que un serif o sans-serif promedio. Mire los ejemplos a continuación y notará cuánto más duro tiene que trabajar su cerebro para distinguir las palabras de la izquierda en comparación con las de la derecha.
NO use demasiadas fuentes diferentes en una página
Servicios como Typekit y Google Fonts pueden darle acceso a miles de fuentes, pero eso no significa que tenga que usarlas todas. Como puede ver en el ejemplo a continuación, a menos que se haga realmente bien, usar varias fuentes puede distraer mucho. Esta es la razón por la que generalmente recomiendo usar no más de 2 o 3.
DÉ a tu texto espacio para respirar
La falta de espacio en blanco entre cada línea puede afectar la legibilidad porque dificulta el seguimiento de una línea a otra. Sin embargo, este problema se puede resolver fácilmente aumentando las alturas de línea, pero tenga cuidado de no exagerar, demasiado espacio también puede afectar negativamente la legibilidad.
NO haga uso continuo de todas las tapas
La gente no está acostumbrada a leer grandes porciones de texto en mayúsculas y, debido a esto, en realidad es más difícil para las personas leer. No solo eso, sino que la gente suele asociar todas las mayúsculas con gritos o agresiones y, en lo que respecta a la copia de marketing, puede parecer bastante spam. Debido a esto, es importante pensar en cómo y cuándo usarás todas las tapas y para asegurarte de usarlo con moderación.
INTENTE y limite los párrafos a 40-60 caracteres por línea
Si una línea es demasiado larga, el lector gradualmente comienza a perder el enfoque y, a menudo, puede tener problemas para leer de una línea a otra. Si una línea es demasiado corta, hace que el ojo del lector retroceda demasiado, lo que altera su ritmo. Esto también puede hacer que comiencen a leer la siguiente línea demasiado pronto, lo que les hace perder palabras de la línea anterior. Esta es la razón por la cual se dice que la longitud de línea óptima para el texto del cuerpo es de alrededor de 40-60 caracteres por línea.
NO use grandes cantidades de texto centrado
El texto centrado es difícil de leer porque los bordes del bloque de texto son desiguales, lo que hace que sea más difícil de escanear porque cada línea tiene un punto de partida diferente. Los bloques de texto centrado también son difíciles de alinear con otros objetos en la página y, a menudo, se consideran bastante aficionados. Esta es la razón por la cual, al igual que todas las mayúsculas, lo mejor es usar texto centrado con moderación, optando por texto alineado a la izquierda como estándar.
ASEGÚRESE de que haya suficiente contraste entre su texto y el fondo
El contraste es otro aspecto de la tipografía que puede afectar la legibilidad. Si no hay suficiente contraste entre el texto y el fondo, el contenido puede volverse ilegible.
¿Tienes algo que añadir? ¿Qué consejos le darías a los nuevos diseñadores que recién comienzan? Háganos saber en los comentarios.