El mejor tutorial de legibilidad calidad web en 2024. En este tutorial podrás aprender Prestar atención a contraste de color,Prestar atención al espacio entre las letras,Mire su separación,Evitar fuentes de lujo,Minimizar el uso de la letra cursiva,
El uso adecuado de las fuentes y colores hará que su sitio sea más fácil de leer.
Para la visión no es bueno no es bueno para las personas o el dispositivo de visualización, un blanco y negro o blanco y negro es el mejor.
El texto en gris sobre un fondo brillante, el contraste es pobre:
El texto en gris sobre un fondo blanco (#eeeeee) |
El texto en gris sobre un fondo blanco (#CCCCCC) |
El texto en gris sobre un fondo blanco (#AAAAAA) |
El texto en gris sobre un fondo blanco (# 888888) |
El texto en gris sobre un fondo blanco (# 666666) |
El texto en gris sobre un fondo blanco (# 444444) |
El texto en gris sobre un fondo blanco (# 222222) |
El texto en gris sobre un fondo blanco (# 111111) |
En el texto gris sobre un fondo oscuro, el contraste también pobres:
El texto en gris sobre un fondo negro (# 222222) |
El texto en gris sobre un fondo negro (# 444444) |
El texto en gris sobre un fondo negro (# 666666) |
El texto en gris sobre un fondo negro (# 888888) |
El texto en gris sobre un fondo negro (#AAAAAA) |
El texto en gris sobre un fondo negro (#CCCCCC) |
El texto en gris sobre un fondo negro (#DDDDDD) |
El texto en gris sobre un fondo negro (#eeeeee) |
Con algunos - como el negro y el rojo, negro y azul, amarillo y verde - va a producir fatiga visual:
El texto negro sobre un fondo rojo |
El texto negro sobre un fondo azul |
El texto amarillo sobre un fondo verde |
El partido no era malo:
El texto negro sobre un fondo gris |
El texto negro en un color azul claro |
El texto negro sobre blanco antiguo |
Texto blanco en azul oscuro |
Para los débiles vista de los lectores, relativamente estrecha separación de las cartas con no poca dificultad para leer.
Moderado espacio entre caracteres de texto más fácil de leer.
espaciamiento de texto pequeño texto difícil de leer.
Con buena separación de texto más fácil de leer
La siguiente separación es difícil de leerLíder de texto pequeño difícil de leer
Esta fuente es fácil de leer eses
Esta fuente es difícil de leer eses
Fuente normal fácil de leer.
La fuente en cursiva no es tan fácil de leer.