¿Las áreas de alto contenido de un sitio web deben ser blancas o de colores claros?

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á que muchos sitios de fotografía tienen un fondo negro.

Sin embargo, si tiene mucho texto, debe usar un fondo claro o blanco. Es más agradable a la vista e imita 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 frente a 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 en realidad más agradable a la vista cuando se ve en pantallas emisoras de luz que el negro sobre blanco, porque se transmite menos luz.

El estilo negro sobre blanco u oscuro sobre claro de la mayoría de los sitios web se atribuye al paradigma del papel. Las personas familiarizadas con los documentos en papel podían reconocer fácilmente un procesador de textos con 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ñarme los ojos.

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

Yo diría: que la gente elija la combinación adecuada para ellos. Algunos prefieren brillante sobre oscuro, otros oscuro sobre brillante; es difícil decir cuál es mejor, incluso si uno hace una encuesta científica al respecto. Además, las preferencias pueden cambiar según cambien las condiciones de visualización. El cambio de tema simple sería invaluable: no todos usan sus propias hojas de estilo CSS. Por cierto, el par de documentos que he visto sobre ese tema 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 unos 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. El artículo vinculado en bereastreet cita que "... El texto blanco sobre un fondo negro contrasta más con el opuesto...". Puedo estar más o menos de acuerdo con el resto de la cita, pero esto es pura basura :). El contraste , entendido como diferencia entre coolors, es exactamente el mismo. Es la luminancia total lo que es diferente. Tal declaración puede aceptarse solo si definimos algo como "contraste percibido". También creo que las condiciones de visualización son fundamentales para la comodidad de la lectura. Lo que funciona bien con luz brillante puede ser doloroso cuando el entorno está oscuro.

Una cosa, creo que no se puede enfatizar con demasiada claridad y firmeza sobre el contraste en sí mismo, es que debe ser la cantidad "correcta". No solo "suficiente", sino también "no demasiado". Trabajo en la pequeña editorial y más a menudo veo a la gente eligiendo papel brillante como el infierno (POW movido al azul) para sus libros que cuentan con más de 150 páginas. Es su derecho como clientes, respaldado con frecuencia por la afirmación de que "es más fácil de leer, especialmente para las personas mayores (¡sic!), un texto bonito y negro sobre un papel blanco y brillante". Al mismo tiempo, estoy haciendo mi propia encuesta no oficial entre las personas que leen mucho. Todos los encuestados dijeron que el papel demasiado brillante les está matando los ojos. A menudo, optan por los números más antiguos, los que tuvieron la oportunidad de volverse "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 leer texto en papel (y papel brillante como el infierno;)), como condiciones de visualización asumo luz fluorescente, alrededor de 2800-3200 K.

Dejando de lado los temas de legibilidad ya bien cubiertos, el público objetivo de su sitio web juega un papel 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 qué público, ya que es muy subjetivo.