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
- Cómo obtener este sitio web en los mejores resultados de búsqueda con solo 2 empresas en competencia en mi ciudad
- ¿Hay algo de malo en usar una plantilla de sitio web ya hecha (premium o gratuita) para el propio proyecto web personal?
- ¿Cuál es el sitio de redes sociales más subestimado en la web?
- ¿Cómo puede alguien ganar dinero con un sitio web y cómo?
- ¿Cuáles son las mejores plataformas de sitios web de cartera?
- 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;
}
}