¿Qué es un fondo claro y oscuro?

Luz fondo oscuro hd

Si tienes un teléfono inteligente, un portátil, una tableta u otro dispositivo electrónico, probablemente te hayas visto obligado a tomar la decisión entre la configuración de la pantalla en modo oscuro o claro. Incluso si no has cambiado el tema de tu teléfono, las aplicaciones individuales de las redes sociales también ofrecen ajustes de modo oscuro hoy en día.

Hablemos de la lectura en las pantallas. El texto negro sobre un fondo blanco es lo mejor, ya que las propiedades del color y la luz son las más adecuadas para el ojo humano. Esto se debe a que el blanco refleja todas las longitudes de onda del espectro de colores.

La razón por la que es fácil ver el blanco no es distinta de por qué se recomienda llevar gafas de sol cuando hay nieve en el suelo. Debido al reflejo, nuestros iris no necesitan abrirse tanto para absorber la luz blanca. Eso deja nuestros iris en una posición neutral y nos permite ver con mayor claridad. Esto es especialmente cierto cuando la luz blanca contrasta con el negro, que absorbe las longitudes de onda en lugar de reflejarlas.

El texto blanco sobre fondo negro, o “modo oscuro”, hace que el ojo trabaje más y se abra más, ya que tiene que absorber más luz. Cuando esto ocurre, las letras blancas pueden desdibujarse en el fondo negro y hacer que el texto se vea borroso, lo que también se conoce como efecto de “halación”.

Códigos de color del modo oscuro

Sin embargo, la mayoría de los estudios han demostrado que los caracteres oscuros sobre fondo claro son superiores a los claros sobre fondo oscuro (cuando la frecuencia de refresco es bastante alta). Por ejemplo, Bauer y Cavonius (1980) descubrieron que los participantes eran un 26% más precisos en la lectura de un texto cuando lo leían con caracteres oscuros sobre un fondo claro.

Referencia: Bauer, D., y Cavonius, C., R. (1980). Improving the legibility of visual display units through contrast reversal. En E. Grandjean, E. Vigliani (Eds.), Ergonomic Aspects of Visual Display Terminals (pp. 137-142). London: Taylor & Francis

La razón por la que esto es importante es por el enfoque. Como dice este artículo de UXMovement, “el blanco estimula los tres tipos de receptores visuales sensibles al color en el ojo humano en cantidades casi iguales”. Hace que el ojo se enfoque apretando el iris. Como el ojo está enfocado, las letras oscuras sobre fondos claros son más fáciles de leer. Cuando se utiliza un fondo oscuro con formas de letras muy claras, el iris se abre para permitir que entre más luz, pero eso hace que las formas de las letras se vean borrosas. ¿Por qué?

Generador de paletas de colores para temas oscuros

La elección del fondo adecuado para tu diseño juega un papel fundamental para que sea recibido positivamente por el usuario, para que cumpla los requisitos de diseño y para el funcionamiento general de la aplicación o página web. Es un factor crucial que puede afectar al éxito o al fracaso futuro, por lo que no es de extrañar que los diseñadores siempre sopesen esta cuestión al principio de su trabajo.

La elección del fondo adecuado para tu diseño juega un papel fundamental para que sea recibido positivamente por el usuario, para que cumpla los requisitos de diseño y para el funcionamiento general de la aplicación o página web. Es un factor crucial que puede afectar al éxito o al fracaso futuro, por lo que no es de extrañar que los diseñadores siempre sopesen esta cuestión al principio de su trabajo.

Recuerde que el color es una poderosa herramienta para crear una buena interfaz de usuario. Puede apoyar la funcionalidad o, en el peor de los casos, causar frustración y destrozar nuestro concepto de un producto bien diseñado. Es importante empezar definiendo claramente qué es lo que estamos diseñando, para quién y en qué circunstancias se explorará nuestro sitio web.

Fondo oscuro para la edición

El esquema de color claro sobre oscuro -también llamado modo negro, modo oscuro, tema oscuro o modo nocturno- es un esquema de color que utiliza texto, iconos y elementos gráficos de la interfaz de usuario de color claro sobre un fondo oscuro, y se discute a menudo en términos de diseño de interfaz de usuario de ordenador y diseño web. Muchos sitios web y sistemas operativos modernos ofrecen al usuario un modo de visualización opcional de luz sobre oscuridad.

Con la introducción de las pantallas de ordenador, originalmente las interfaces de usuario se formaban en CRTs como los utilizados para los oscilógrafos u osciloscopios. El fósforo era normalmente de un color muy oscuro y se iluminaba con fuerza cuando el haz de electrones incidía sobre él, pareciendo blanco, verde, azul o ámbar sobre un fondo negro, según los fósforos aplicados en una pantalla monocromática. Las pantallas RGB seguían funcionando de forma similar, utilizando todos los haces puestos en “on” para formar el blanco.

Con la llegada del teletexto, se investigó qué colores primarios y secundarios de la luz y qué combinaciones funcionaban mejor para este nuevo medio[4] Se descubrió que el cian o el amarillo sobre el negro eran óptimos a partir de una paleta de negro, rojo, verde, amarillo, azul, magenta, cian y blanco.