Una alternativa más legible al texto gris claro

¿Cómo distinguir visualmente los títulos de los párrafos en la interfaz? ¿Títulos de subtítulos? ¿Datos de metadatos? Hoy en día, muchos diseñadores usan texto gris claro para el contraste, pero no se dan cuenta de que hacen que su texto sea ilegible.

Los usuarios tienen que esforzarse y trabajar más para leer texto gris claro. Este esfuerzo adicional puede incluir acercar los ojos a la pantalla, entrecerrar los ojos o aumentar el tamaño de fuente en el navegador.

En cualquier caso, el texto gris claro provoca problemas de legibilidad y no es óptimo. Es bueno distinguir entre diferentes textos para que los usuarios puedan escanear, pero los diseñadores deben cambiar la forma en que lo hacen.

Trabajar con escala de grises no es fácil. Es difícil encontrar un valor de gris específico que sea adecuado para cada caso. Incluso oscurecer un gris claro a veces puede ser demasiado o no suficiente. Equilibrar es difícil porque el punto de vista de cada diseñador es relativo.

Un enfoque más sólido es utilizar una fuente liviana para texto secundario, como subtítulos, leyendas y metadatos. Usar un tipo de letra pequeño significa que no tiene que jugar con el valor del color. Puede usar un tono oscuro y obtener el mismo efecto que un gris claro.

El ejemplo muestra la diferencia entre el texto gris claro y el texto de fuente clara aplicado a los metadatos. Observe cómo el texto gris claro se ve opaco y ceniciento. La mayoría de los diseñadores tratan su texto de esta manera porque no saben qué tan claro es el gris claro.

Los diseñadores no necesitan alterar el área gris con un tipo de letra ligero. Pueden usar cualquier tono oscuro y el texto mantendrá su contraste. Observe cómo los metadatos se suavizan pero son legibles. El texto claro y en negrita se ve más nítido y claro que el texto gris claro.

No todas las fuentes son livianas, por lo que debe elegir una fuente que lo haga. Si está utilizando una fuente antigua y obsoleta, es hora de actualizar. Aquí hay algunas fuentes gratuitas de alta calidad para elegir:

Leer el artículo premium

Actualmente estás leyendo un artículo gratuito. Suscríbase al boletín de UX Movement para leer un artículo premium y aprender cómo optimizar cualquier texto con un sistema de tipografía.

Suscripción de artículo premium

Sucursales

temas elegantes de wordpress

Previous post Cómo Google me atrajo para comprar un saldo de Play Store que no necesito y no puedo usar | Shirley | Diciembre de 2021
Next post 8 mejores prácticas para boletines informativos por correo electrónico

Deja una respuesta