Krypton Solid

Qué hacer y qué no hacer con la tipografía

Qué hacer y qué no hacer con la tipografía

Dado que gran parte del contenido disponible en la web es texto, es esencial que los diseñadores web 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 armar una lista de lo básico y lo que no 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 proyectos futuros. Aquí va:

DEBE establecer una jerarquía tipográfica

Se puede establecer una jerarquía tipográfica utilizando 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 cuerpo del texto. Mientras tanto, a la derecha, tenemos el mismo contenido pero con una jerarquía tipográfica clara, 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, puede intentar experimentar con el color y el contraste también.

NO hagas el texto demasiado pequeño

No todo el mundo tiene una visión de 20-20, por lo que es importante asegurarse de que el texto de su cuerpo sea lo suficientemente grande para que la gente lo lea cómodamente. Personalmente, recomendaría un tamaño no menor a 14 puntos.

tamano del texto

DEBE elegir una fuente adecuada para el cuerpo del texto

Otro factor importante en lo que respecta al texto del cuerpo es la legibilidad. Aunque un tipo de letra como Satisfy podría adaptarse a un diseño con una estética hecha a mano, el uso de un tipo de letra como este para el texto del 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.

elección de fuente

NO use demasiadas fuentes diferentes en una página

Los 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 siguiente ejemplo, a menos que se haga realmente bien, el uso de varias fuentes puede distraer mucho. Es por eso que generalmente recomiendo no usar más de 2 o 3.

demasiadas fuentes

DEBE darle a su texto espacio para respirar

La falta de espacio en blanco entre cada línea puede afectar la legibilidad porque dificulta al ojo seguir de una línea a la siguiente. Sin embargo, este problema puede resolverse fácilmente aumentando la altura de las líneas, pero tenga cuidado de no exagerar, demasiado espacio también puede afectar la legibilidad de manera negativa.

altura de la línea

NO haga un uso continuo de todas las mayúsculas

La gente no está acostumbrada a leer grandes porciones de texto en mayúsculas y, por eso, es más difícil de leer para la gente. No solo eso, sino que las personas a menudo asocian todo en mayúsculas con gritos o agresiones y, cuando se trata de textos publicitarios, puede parecer bastante spam. Debido a esto, es importante pensar cómo y cuándo usará todo en mayúsculas y asegurarse de usarlo con moderación.

todo en mayúsculas

Intente limitar los párrafos a 40-60 caracteres por línea

Si una línea es demasiado larga, el lector comienza a perder el enfoque gradualmente y, a menudo, puede tener problemas para leer de una línea a la siguiente. Si una línea es demasiado corta, hace que el ojo del lector retroceda con demasiada frecuencia, lo que interrumpe su ritmo. Esto también puede hacer que empiecen a leer la línea siguiente demasiado pronto, lo que hará que pierdan palabras de la línea anterior. Esta es la razón por la que se dice que la longitud de línea óptima para el texto del cuerpo es de alrededor de 40 a 60 caracteres por línea.

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 dificulta la exploración porque cada línea tiene un punto de partida diferente. Los bloques de texto centrados también son difíciles de alinear con otros objetos de la página y, a menudo, se considera que tienen un aspecto bastante amateur. Es por eso que, como todo en mayúsculas, es mejor usar el texto centrado con moderación, optando por el texto alineado a la izquierda como estándar.

texto centrado

ASEGÚRESE de que haya suficiente contraste entre el 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.

contraste

¿Tienes algo que añadir? ¿Qué consejos le daría a los nuevos diseñadores que recién comienzan? Háznoslo saber en los comentarios.

Deja un comentario