¿Qué es mejor para un fondo de sitio web, blanco o negro?

Depende del contexto y el contenido. Aquí hay dos opciones principales, así que comprendamos el contexto y el contenido apropiados para cada uno.


Texto oscuro sobre fondo claro

Contenido que es de naturaleza más larga y es mejor si se retiene como un bloque de información en lugar de piezas singulares.

Ejemplos

  • Libro
  • Noticia
  • Publicaciones de quora

El medio es típicamente papel y en un ambiente iluminado. Un medio retroiluminado no es tan ideal ya que el fondo blanco puede hacer que sea más duro para los ojos a menos que el entorno sea más brillante que las luces del fondo blanco.

Texto claro sobre fondo oscuro

Nuestros cerebros guardan esto en la memoria como un símbolo. Esto puede ser referenciado más tarde para su reconocimiento. Si hay mucho texto sobre un fondo oscuro, puede intentar leerlo usted mismo y notar que su cerebro está luchando por interpretarlo no como un símbolo, sino como contenido para ser entendido y comprometido con la memoria, más como lo haría con texto oscuro en un fondo claro

Ejemplos

  • Logos
  • Vallas publicitarias
  • Titulares
  • Medios (películas / fotos / etc.)

Hay momentos en que la luz en la oscuridad funciona, pero también requiere un ambiente oscuro para que nuestros cerebros cambien de técnica. Notarás que tus interruptores GPS contrastan cuando está oscuro afuera. Esto se debe a que nuestros cerebros hacen lo mismo. La mayoría de los sitios web para compartir fotos o cualquier sitio web que sea rico en contenido multimedia generalmente también elegirán un tema oscuro. Netflix es un excelente ejemplo de esto, ya que normalmente veríamos ese sitio web en una habitación oscura.


Con respecto al tema de un sitio web …

La respuesta frustrante aquí es que depende .

¿Cuál es el objetivo de su sitio web? ¿Se alinea con la estrategia de oscuridad sobre luz o luz sobre oscuridad? Si se siente muy ambicioso, puede agregar una consulta de medios para la luz ambiental, como lo hizo el lector Digg aquí:

@media (luminosidad: normal) {
cuerpo {
fondo: # f5f5f5;
color: # 262626;
}
}
@media (luminosidad: tenue) {
cuerpo {
fondo: # e9e4e3;
}
}
@media (luminosidad: lavado) {
cuerpo {
fondo: #ffffff;
}
}

Hay razones fuertes y sólidas contra fondos oscuros desde el punto de vista de la legibilidad.

Así que veamos algunas razones a favor de un fondo oscuro :

  • El texto brillante sobre fondo oscuro es ideal para la lectura nocturna.
  • Es más fácil discernir colores más brillantes sobre fondo negro ya que el blanco tiende a “desangrarse” en otros colores. Por lo tanto, algunos codificadores prefieren temas de editor oscuros como monokai o solarized.
  • El uso de temas más oscuros es anticíclico a la tendencia de las láminas de color negro sobre blanco. Simplemente ser diferente podría ayudar con el reconocimiento.
  • Spotify se ve muy bien en negro.
  • Un panel de pantalla negro usa menos energía. Aproximadamente 10%.

Nos acostumbramos a ver texto oscuro sobre fondo claro como la mejor manera de mostrar sitios web. Sin embargo, en pantallas más grandes, esto puede agotar los ojos, por lo que se prefiere el contraste inverso. Esa es también una de las pautas para la mejor accesibilidad del sitio web.

De hecho, la gente ve los colores de manera diferente. Antes de decidir sobre su combinación de colores, experimente. Por ejemplo, verifique las relaciones de contraste y, si está utilizando Sketch para diseñar, Stark Plugin for Sketch, que le mostrará si su proyecto garantiza la mejor legibilidad.

Las deficiencias visuales son frecuentes y, para minimizar las molestias, intente diseñar su sitio de acuerdo con las herramientas de verificación de color:

Comprobador de contraste de color

Analiza el contraste de color de tus páginas web

Accesibilidad Rueda de colores

Digo blanco , porque nuestros ojos están acostumbrados a ver texto negro sobre fondo blanco a través de nuestros libros y educación general. Sin embargo, sugeriría un color claro que no sea blanco, como un 10% de gris o un 10% de azul o un 15% de amarillo, solo para atenuar la crudeza del blanco puro.

Si quieres presentarte como profesional y corporativo, entonces blanco (ver Google, Facebook, Quora, Mashable, Yahoo, etc., etc.)

Pero si buscas un estilo más SÚPER INTENSO, o quieres crédito callejero con las generaciones más jóvenes, entonces negro (ver Blizzard, Valve, Comedy Central, el sitio web de cada banda de rock, el sitio web de cada película de acción, etc.)

BLANCO
Nuestros ojos generalmente ven claramente cuando el fondo es brillante (colorido) y no cuando está oscuro.
La mayoría de las personas consideran que el negro sobre blanco es una combinación de colores profesional
El fondo blanco hace que el texto negro sea más claro y distintivo

Sé que esto tiene más de 4 años, pero escúchame …
He usado el complemento para Firefox llamado “fuente más oscura de fondo brillante” por más de 3 años. Estoy totalmente en desacuerdo con cada respuesta proporcionada aquí acerca de que los fondos blancos son mejores. He usado muchos menos analgésicos desde el cambio. El texto es perfectamente legible en blanco o negro, por lo que esos comentarios son probablemente sesgos de personas que casi nunca ven un fondo oscuro. mis ojos se sienten atraídos por el texto blanco como una linterna en la oscuridad.

Si está diseñando un sitio web, haga lo mejor, tenga un cambiador de tema para aquellos que desean ver el contraste opuesto. ahorre dinero a algunas personas en analgésicos.

Pasé de 3 a 5 dolores de cabeza a la semana a 0 a 3 al mes.
mi uso diario de la computadora es bastante alto en el trabajo / pasatiempos antes y después del cambio. Creo que mi prueba fue concluyente para mí al menos, pero las personas propensas a dolores de cabeza por fatiga visual también deberían intentarlo.

Así es como puedes identificar cuál usar:

Negro = estilo / malvado / creativo
Blanco = serio / bueno / corporativo

Tendrá que decidir de qué trata su sitio web, si es para empresas o negocios, recomendaré el blanco.


Ambos funcionan muy bien dependiendo del lugar en el que lo utilices. Un contraste usando ambos podría verse realmente bien juntos.

Creo que grandes cantidades de texto son más fáciles de leer con texto negro sobre un fondo blanco que texto blanco sobre un fondo oscuro.

Los valores fuertes, como blanco contra negro o negro contra blanco, son más fáciles de leer que usar sombras de gris. Puede determinar qué áreas de su sitio web son las más importantes para leer y colocar los contrastes más fuertes en esas áreas.

El objetivo principal de un sitio web es compartir información escrita. Tradicionalmente, el blanco siempre se ha utilizado como fondo para el texto negro. Sin embargo, las reglas pueden (y a veces deberían) romperse. La pregunta es ¿el diseño de su sitio justifica un fondo negro? En caso afirmativo, creo que definitivamente deberías hacerlo, si no (o tal vez no), mantente alejado del fondo negro.

—–
Simplemente porque estamos hablando de estos colores:
Personalmente, tiendo a evitar el negro (e incluso el blanco) e ir con un negro al menos 2% más claro y, a veces, 1% / 2% blanco más oscuro (más o menos)

El blanco es definitivamente la elección entre los profesionales. Verifique Google, Yahoo, Twitter, Facebook, Microsoft, etc. El blanco es simple y natural para el fondo de un sitio web. Creo que esa es la razón por la que es el fondo predeterminado en HTML. Y a veces, es sabio dejar que eso sea así. Sin embargo, cambiar eso puede ser el requisito de un cliente, especialmente si se sumará al significado general del sitio web. En ese caso, sabes que te estás desviando de la norma por un propósito y no por diversión.

No hay lucha si sabes por qué estás creando el sitio web en primer lugar. También depende en gran medida del diseño. Si vas a tener que poner texto blanco directamente sobre un fondo negro, entonces, no es la mejor solución. Puede hacer que funcione maravillosamente (con texturas, fuentes y colocación de texto cuidadosamente elegidas), por supuesto, pero leer desde una pantalla ya es más difícil para los ojos en comparación con el papel: el texto largo sobre un fondo negro aumenta la dificultad.

BLANCO.

Si desea que su contenido sea claro y fácil de leer, lo mejor es texto negro sobre fondo blanco. Al menos use un texto oscuro sobre un fondo claro, por favor.

Esta pregunta se refiere a cómo las personas leen y usan las computadoras. La teoría general dice que es más fácil leer grandes cantidades de texto sobre un fondo claro, por lo que no se ven muchos sitios con artículos largos (como medios) con fondos oscuros.

Este artículo lo explica más desde una perspectiva de diseño
http://www.webdesignerdepot.com/

Las estadísticas muestran una y otra vez que algunas personas ODIAN el texto blanco sobre fondos negros. El texto negro sobre un fondo blanco es algo a lo que casi todos están acostumbrados y es estándar. Pregúntale a Google …

Una idea realmente creativa es hacer que los colores cambien de color según la hora del día. Fondos negros en la noche; blanco durante el día

Por supuesto blanco! El fondo negro me hace sentir deprimido o deprimido, mientras que los colores brillantes y agradables son tan encantadores. En general, todas las personas leen en fondo blanco con palabras negras. ¡Me sentiría incómodo si leyera en blanco!

Los fondos de color más claro con texto de color más oscuro siempre serán más fáciles para los ojos del espectador, así de simple.

Desde un diseño persistente de diseño UX, el texto oscuro sobre fondo claro generalmente es lo mejor, pero evite el blanco puro. El blanco puro puede causar fatiga ocular. Ve con un gris muy claro.

Parece que soy una minoría aquí, pero prefiero fondos oscuros para no tener tanta luz en mis ojos.

Sin embargo, el estándar profesional es el texto oscuro sobre un fondo claro.