¿Algún problema con el texto claro sobre fondo oscuro?

"No hay texto claro sobre fondo oscuro" es una buena pauta, pero no una regla.

Como todas las decisiones de diseño, la respuesta correcta depende de la situación en cuestión. Ciertas personas prefieren un fondo más oscuro con un texto más claro, otras prefieren lo contrario. El medio que está utilizando también tiene un efecto, al igual que la situación en la que se lee el diseño (por ejemplo, cuando estoy programando todo el día, no puedo trabajar en un contexto negro sobre blanco; necesito un fondo más oscuro con una luz más clara). texto debido a que mirar una pantalla con alta luminiscencia todo el día me matará los ojos). Piense críticamente en el usuario final y haga que las personas prueben el resultado que crea, independientemente de cómo decida.

Dicho esto, el texto de color claro sobre un fondo oscuro es más difícil de leer a granel que el oscuro sobre un fondo blanco. Cuando espera que los lectores lean mucho texto, debe evitar los fondos oscuros. Como InfluenceJamie menciona en su respuesta , puede tener algunos problemas de accesibilidad para grandes secciones de texto.

Sin embargo, los fondos oscuros pueden ser particularmente buenos para el contenido que presenta muchas imágenes o no contiene mucho texto. Pero hay algunas pautas a seguir al hacerlo:

Al invertir el color, por ejemplo, texto blanco sobre negro, asegúrese de aumentar el interlineado, el seguimiento y disminuir el peso de la fuente. Esto se aplica a todos los anchos de Medida. El texto blanco sobre un fondo negro contrasta más con el opuesto, por lo que las formas de las letras deben estar más separadas, ser más livianas y tener más espacio entre líneas. --- Mark Boulton en Cinco sencillos pasos para mejorar la tipografía

A veces, agregar una sombra de texto sutil para texto claro sobre fondos oscuros también puede ayudar a mejorar la legibilidad.

Creo que un buen ejemplo de texto blanco sobre un fondo oscuro es mi página de bienvenida actual . No hay demasiado contenido para leer y tanto la fuente utilizada como el color de fondo son limpios, sin usar ningún degradado o algo que pueda dificultar la legibilidad. Para mi blog , por otro lado, elegí negro sobre un fondo claro debido a la cantidad de texto que se leerá.

_{Parte de esta respuesta se extrajo de esta pregunta muy relacionada}

Respuesta sencilla, sí. El texto oscuro sobre un fondo claro es generalmente preferible al texto claro sobre un fondo oscuro y, aunque puede haber muchas ocasiones en las que un propósito de diseño anule este valor predeterminado (tal vez esté creando un folleto para una fiesta de Halloween o un póster para una banda de heavy metal). por lo que un fondo oscuro tiene más sentido), generalmente no es una mala regla general.

Hay muchas buenas razones para esto y ya se ha investigado mucho, así que en lugar de escribir una novela aquí, te sugiero que la busques en Google si quieres entender más, sin embargo, esta es una de las grandes razones:

Aproximadamente la mitad de la población sufre algún tipo de astigmatismo y el texto claro sobre un fondo oscuro exacerba los efectos de tales deficiencias. Comprenda que todos los colores son creados por la luz o la falta de ella: cuando se refiere a un espectro aditivo (RGB) o pantallas, el negro verdadero es la ausencia de luz y el blanco verdadero es la saturación de la luz, por lo que cuando mira un fondo blanco, su iris no necesita abrirse mucho para atraer suficiente luz para que usted pueda ver. Por el contrario, al mirar un fondo oscuro, el iris se expande para atraer más luz, deformando aún más la lente y aumentando los efectos del astigmatismo, haciendo que el texto parezca borroso.

Hay una distinción importante que se está pasando por alto....

Impreso o web???

En el diseño de impresión , mientras que el tipo invertido es más difícil de leer y no se prefiere, está bien en algunos casos. No es algo que deba evitarse siempre , sino que debe usarse con prudencia, con moderación y conscientemente. El tipo invertido se puede utilizar sabiamente para llamar la atención sobre áreas específicas o restar valor a áreas dentro del diseño de impresión. Si bien no crearía un artículo completo para una revista con letra invertida, puede crear un anuncio o un póster en el que toda la letra sea más clara que el fondo. De hecho, mire los carteles de las películas: muchos de ellos son texto más claro sobre un fondo más oscuro.

Esto funciona en el diseño de impresión porque el usuario generalmente está más alejado de los materiales, solo los ve momentáneamente y no siempre se enfoca en retener toda la información del texto.

Ahora, el diseño web es un animal completamente diferente. El texto invertido es generalmente una mala elección para el diseño web. Si bien no existe una "regla" sobre su uso, debe tener en cuenta que el texto invertido en la web significa literalmente que la luz que emana del texto crea patrones visuales en las retinas de los ojos. ¿Alguna vez leyó un sitio web con texto invertido durante 15 minutos y luego fue a un sitio diferente sin texto invertido? (o simplemente cierra los ojos): ves rayas horizontales en tus ojos. Este patrón visual existe cuando todavía está mirando texto invertido en la web, lo que hace que sea cada vez más y más difícil leer el texto invertido.

El uso de texto invertido de bajo contraste puede ayudar un poco, por ejemplo, un fondo naranja con un título amarillo. Sin embargo, debido a que el lector está literalmente a 3 pies de distancia del contenido, no desea configurar demasiado texto al revés para el diseño web.