¿Por qué algunas páginas de Internet usan una fuente gris claro en lugar de negra?

Answer 1

Las personas que lo hacen lo hacen porque “se ve mejor” (estéticamente). Se ve más elegante o sobrio. El hecho de que están reduciendo la legibilidad no se les ocurre.

Contrariamente a la afirmación en una de las otras respuestas de que “un alto contraste puede forzar la vista”, no hay evidencia real de esto. Siempre que el brillo total del área de lectura no sea más de 3 veces el del entorno, un mayor contraste no aumenta la fatiga visual. (Por cierto, esta es la razón por la cual las pantallas con texto claro sobre un fondo oscuro son generalmente buenas para entornos oscuros).

Esta era una tendencia realmente frustrante hace una década, pero afortunadamente en la baja en los últimos años. Discutí sobre esta y otras opciones de fuentes contra la legibilidad en la Conferencia de Educación de AIGA en Baltimore … en septiembre de 2008.

Tenga en cuenta que el W3C tiene recomendaciones para el mínimo contraste de texto.

Colorzilla te ayuda a medir colores en sitios web, en Chrome o Firefox.

Numerosos sitios web de prueba le permiten ingresar muestras de colores de primer plano y de fondo para ver si cumple con las recomendaciones del W3C.

• Snook.ca (mi favorito, muestra la relación de contraste, así como pasar / fallar)
• contrastchecker.com (respuestas muy claras)
• Verifique mis colores (apunte a la URL de un sitio web, analice los elementos de la página CSS)

Answer 2

Como han dicho otros, es una tendencia de diseño, sin embargo, no estoy de acuerdo con que sea categóricamente algo malo. De hecho, el texto de contraste extremadamente alto en la pantalla puede tensar los ojos. Si bien el contraste extremadamente bajo puede no ser ideal para leer, usar el contraste para suavizar la página y permitir una mejor jerarquía de información puede ser algo bueno.

Para el texto en pantalla, entran en juego varios factores:

1. La resolución de pantalla típica (72 ppp) es mucho menor que el papel impreso, lo que significa que el tipo no puede ser tan pequeño o tan sutil como en un mundo impreso. (Generalizando)
2. La luminancia de la pantalla crea un mayor contraste que el trabajo impreso. Esto puede aumentar la fatiga visual. El tipo invertido puede ser muy duro para los ojos con el máximo contraste.
3. Las páginas cambian de proporción dependiendo del dispositivo de visualización. El diseño se está adaptando al dispositivo, por lo que es un desafío para los diseñadores crear una experiencia que permita al lector echar un vistazo a la información y leer más profundamente.
4. El alto de línea, el tamaño de fuente y el espaciado entre letras afectan el peso visual de la copia. El contraste perceptivo se puede ajustar expandiendo el “espacio en blanco” dentro y alrededor de las palabras.
5. El estilo y el peso de la fuente pueden afectar en gran medida la forma en que la fuente lee y cambia con el tamaño y el espaciado entre letras, así como el antialias del software o dispositivo.

Hay muchas variables que intervienen en la creación de un diseño tanto estéticamente agradable como utilizable. Si su sitio es legible pero no es visualmente agradable, entonces nadie lo está leyendo. Si su sitio es visualmente agradable pero imposible de leer, entonces nadie lo está leyendo.

Las tendencias de diseño no son necesariamente malas. Representan la evolución de la tecnología y nuestras expectativas de lo que nos gustaría como audiencia del medio. Algunas personas usan las técnicas más hábilmente que otras para estar seguros, pero cuando ves algo que se está convirtiendo en una tendencia, generalmente tiene sus raíces en alguna utilidad fundamental. Copia de contraste inferior es solo otro ejemplo de eso.

Answer 3

Sospecho que esta estupidez de diseño en gris es una del ‘mundo del diseño de interiores consciente de la moda’ porque, al menos en mi país, existe una tendencia molesta de larga data para que la decoración interior y exterior de la casa sea minimalista en contraste de colores y uso de colores .

Por ejemplo, todos los interiores de las casas que son nuevos o redecorados son de color blanco. Blanco cegador. Se insta a los acentos de color como la forma de agregar ‘individualidad’ a la habitación mediante el uso de cojines de colores, telas, etc. Lociones en baños. Así que hay miles y miles de hogares aquí con un diseño interior absolutamente cero. Los niños están creciendo en el equivalente de un baño industrial.

De acuerdo con los programas de televisión locales de ‘vende tu casa’, se supone que los exteriores de las casas están pintados de un tono gris o marrón seta para venderlos rápidamente. Este ridículo mumbojumbo es promovido por las personas a las que los programas de televisión que ofrecen cosas para el hogar favorecen como sus asesores.

Desde mi punto de vista, esta erradicación generalizada de la individualidad en favor de las casas incoloras y luego, la desaparición de Internet significa que, hasta ahora, las primeras décadas de la década de 2000 están llenas de tristeza incesante.

Nota para todos los diseñadores web: la mayoría de las personas mayores de 40 años no pueden leer letra pequeña sin ayudas visuales y muchos de ellos no saben cómo hacer que esa impresión sea más grande en sus pantallas. Si esa impresión es gris sobre azul pálido o al revés, nadie leerá esas palabras. ¿Cómo le está haciendo un favor a su cliente?

Answer 4

Si, muy frustrante! Afortunadamente, una solución maravillosa ha estado disponible durante muchos años: el complemento NoSquint, que todavía funciona para Pale Moon (la página de inicio del Proyecto Pale Moon), una bifurcación de Firefox. NoSquint le permite elegir la combinación de colores que desee.

[ Texto verde NoSquint con un fondo rosa ]

Puede usarlo para cambiar el texto y el color de fondo o solo el tamaño del texto:

[ NoSquint texto blanco con fondo negro, 155% de tamaño de texto normal ]

Answer 5

Es una tendencia frustrante en el diseño web. Hace que las páginas se vean más limpias y claras, pero la usabilidad se ve afectada.

Aquí hay un artículo sobre esto de uno de los equipos de usabilidad más respetados:

https://www.nngroup.com/articles …