¿Las áreas de alto contenido de un sitio web deben ser blancas / de color claro?

Muchos sitios web que están diseñados para ser fáciles de leer (por ejemplo, nytimes.com o ilovetypography.com ) usan fondos blancos con fuentes negras para facilitar la lectura del contenido. ¿Es necesario usar solo colores claros para áreas de alto contenido o los fondos de colores más oscuros pueden ser igualmente legibles?

Los fondos oscuros generalmente se consideran menos legibles que los fondos claros. Un nivel suficiente de contraste también es muy importante para la legibilidad.

En general, recomendaría fondos oscuros para diseños que tienen una gran cantidad de contenido multimedia, pero muy poco texto. Los fondos más oscuros realmente pueden hacer que las fotografías se destaquen y encontrarás que muchos sitios de fotografía tendrán un fondo negro.

Sin embargo, si tiene mucho texto, debe usar un fondo claro o blanco. Es más fácil para la vista e imita a lo que estamos acostumbrados cuando leemos periódicos o libros. También puede usar luz o blanco para contenido multimedia, pero tiene una sensación menos artística.

Para leer más: Texto claro sobre fondo oscuro vs. legibilidad

La principal preocupación con este aspecto de la legibilidad es el contraste . El texto blanco sobre un fondo negro contrasta de la misma manera que el texto negro sobre un fondo blanco. El blanco sobre negro es realmente más fácil para los ojos cuando se ve en pantallas de emisión de luz que el negro sobre blanco, porque se transmite menos luz.

El estilo negro sobre blanco u oscuro sobre la luz de la mayoría de los sitios web es atribuible al paradigma del papel. Las personas familiarizadas con los documentos en papel podrían reconocer fácilmente un procesador de texto con un fondo blanco y texto negro, por ejemplo, y eso se convirtió en la norma en informática. En mi opinión, es realmente una pena; Odio mirar mi pantalla blanca todo el día y dañar mis ojos.

Editar: releyendo esto ahora, debería enfatizar que personalmente encuentro que la cantidad de luz que me lanzan los sitios web blancos es incómoda. Uso fondos negros siempre que sea posible y no tengo ningún problema con la legibilidad. La otra respuesta indica que esto puede no ser la norma.

Yo diría: deja que la gente elija la combinación correcta para ellos. Algunos prefieren brillante sobre oscuro, otro oscuro sobre brillante: es difícil decir cuál es mejor, incluso si se hace una encuesta científica al respecto. Además, las preferencias pueden cambiar a medida que cambian las condiciones de visualización. El cambio de tema simple sería invaluable: no todos usan sus propias hojas de estilo CSS. Por cierto, los dos artículos que he visto sobre este asunto se basan en muestras de texto bastante cortas, alrededor de un par de miles de palabras. Sería interesante ver qué sucede cuando el texto es más largo, como un libro con aproximadamente 5 capítulos, varios miles de palabras cada uno.

Las otras respuestas mencionan el contraste como factor principal de legibilidad. Creo que es injusto separar el contraste de la luminancia total al considerar este problema. Artículo vinculado sobre bereastreet cita que "... El texto blanco sobre un fondo negro es un mayor contraste con lo opuesto ...". Puedo estar más o menos de acuerdo con el resto de la cita, pero esto es simplemente basura :). El contraste , entendido como una diferencia entre los fríos, es exactamente el mismo. Es la luminancia total que es diferente. Dicha declaración solo puede aceptarse si definimos algo como "contraste percibido". También creo que las condiciones de visualización son críticas para la conveniencia de la lectura. Lo que funciona bien con luz brillante puede ser doloroso cuando el entorno es oscuro.

Una cosa, creo que no se puede enfatizar demasiado clara y firmemente sobre el contraste en sí mismo, es que debe ser la cantidad "correcta" de él. No solo "suficiente", sino también "no demasiado". Trabajo en la pequeña editorial y más a menudo veo gente eligiendo papel brillante como el infierno (prisionero de guerra movido al azul) para sus libros con más de 150 páginas. Es su derecho como clientes, con frecuencia respaldado por una afirmación de que "es más fácil de leer, especialmente para las personas mayores (¡sic!), Bonito texto en negro sobre papel blanco brillante". Al mismo tiempo, estoy haciendo mi propia encuesta no oficial entre las personas que leen mucho. Todos los preguntados dijeron que el papel demasiado brillante les está matando los ojos. A menudo recurren a los problemas más antiguos, los que tuvieron la oportunidad de ponerse "amarillos";), solo para poder leerlos cómodamente. Creo que lo mismo es cierto para las pantallas. Suficiente contraste: sí ... pero no demasiado.

Y una nota más: cuando menciono la lectura de texto en papel (y papel brillante como el infierno;)), como condiciones de visualización, supongo luz fluorescente, alrededor de 2800-3200 K.

Dejando a un lado los temas de legibilidad ya bien cubiertos, el público objetivo de su sitio web desempeña una función importante aquí. Algunos grupos responderán mejor a un fondo oscuro mientras que otros prefieren un fondo claro. Es difícil dar ejemplos de qué estilo se adapta a cada audiencia, ya que es muy subjetivo.