¿Cuál es el propósito de usar un color muy oscuro para el texto en lugar de un negro puro?


43

He visto que algunos diseños web implementan un color de fuente casi negro (hex # 001c00) en sus diseños en lugar de un color negro puro (hex # 000).

¿El diseño se beneficia realmente de esto o es prácticamente lo mismo que usar un color negro?

Soy un diseñador y desarrollador web aficionado y parece que no puedo entender la diferencia.


Hola deadsource, bienvenido a GD.SE y gracias por tu gran pregunta. Si tiene problemas o preguntas sobre el sitio, eche un vistazo al centro de ayuda o haga ping a uno de nosotros en Graphic Design Chat una vez que su reputación alcance los 20. ¡Siga contribuyendo y disfrute del sitio!
Vincent

Técnicamente, el texto nunca es negro puro, casi siempre está suavizado en estos días.
Pharap

Yo preguntaría, ¿cuál es el propósito de usar 000 sólidos sobre una sombra? ¿Y si pudieras tomarlo de 10 a 11?
Charlie Schliesser

Respuestas:


33

Siempre prefiero un gris muy oscuro a un puro # 000. La elección puede parecer personal, pero aquí está la teoría detrás de esto:

Hay muy pocas cosas 100% negras en la naturaleza. Todos los objetos negros que ves tienen algo de luz reflejada en ellos, las sombras nunca son completamente negras.

Cuando # 000 en un diseño, domina a los otros colores. Atrae demasiada atención, porque no es natural. Por supuesto, un sitio web no es natural, pero el cerebro reacciona de manera similar.

Es por eso que muchos diseñadores prefieren el gris oscuro. Puede hacer una búsqueda por color en sitios como Dribbble. La diferencia es pequeña, pero notable: el gris oscuro es más frecuente y se ve mejor en muchos casos.

Por ejemplo: Diseñando en la oscuridad: 10 sitios oscuros y sus combinaciones de colores (creo que ninguno de ellos usa # 000 como parte de su paleta)


44
Creo que el problema es que si usas negro no puedes variar el color, así que digamos que necesitas sombrearlo porque no es posible agregar sombra en negro. En realidad, el negro es relativo, por lo que casi siempre puede volverse más negro, por lo que incluso las cosas oscuras pueden tener sombras más oscuras que solo se nota porque sus ojos se reajustan para adaptarse a esto. Segundo, también es más interesante
joojaa

77
Si bien estamos de acuerdo con el comentario sobre el negro puro que no aparece en la naturaleza, realmente no tiene nada que ver con los colores de la pantalla. En el papel, casi siempre es 100% negro, por lo que invalida esa teoría. En la pantalla, a menudo se prefiere un gris oscuro. ¿Por qué? El contraste es bueno, pero demasiado contraste puede dificultar la lectura. En una pantalla, con luz proyectada, 100% negro sobre 100% blanco puede sentirse extremo (en comparación con el papel).
DA01

+1 Aquí hay otro buen artículo para ayudar a entender
Pharap

1
Pero desde el otro lado, si está diseñando "tema oscuro" para pantallas AMOLED, se prefiere el 100% negro ya que reduce el uso de la batería.
user11153

3
Este argumento a menudo se presenta, pero en realidad no tiene sentido. Primero, no hay letras en la naturaleza, entonces, ¿por qué deberíamos usar afirmaciones sobre qué colores existen en la naturaleza para decidir de qué color deberían ser nuestras letras hechas por el hombre? En segundo lugar, incluso si le decimos a una computadora que emita un negro puro, el color real que verá el usuario será ligeramente negro, de todos modos, debido al color residual de la pantalla, los reflejos, etc. Y no hay silencio en la naturaleza: ¿deberíamos usar sonidos de fondo muy silenciosos en todas las páginas web?
David Richerby

25

Todas estas son respuestas interesantes, pero un poco esotéricas. La razón es bastante simple. El contraste es bueno para la legibilidad, pero demasiado puede considerarse innecesario en el mejor de los casos y perjudicial en el peor.

Casi todo el texto impreso es negro sobre papel blanco ... pero rara vez es papel blanco puro. A menudo es un blanquecino. E incluso entonces, porque está impreso, está usando luz reflectante.

En la pantalla, donde se proyecta luz, 100% negro con 100% blanco es el máximo contraste posible. Esto puede ser abrumador, de ahí la preferencia de muchos de usar un gris oscuro sobre blanco o negro sobre gris claro.

Existen requisitos mínimos de contraste para cumplir con los estándares de accesibilidad y legibilidad generales. Definitivamente quieres conocerlos, pero eso tampoco significa que necesites maximizar el contraste al 100%.

Además, muchos diseñadores sienten que se ve mejor. Para relacionarse con la impresión, el texto gris oscuro puede verse como un aspecto más lujoso, ya que es más costoso imprimir texto gris en papel que en negro. (El texto gris en tamaños pequeños generalmente requiere un color plano gris).

En pocas palabras: usar menos que negro negro puro sobre blanco cuando en la pantalla emula mejor lo que leemos sin conexión, cumple con los requisitos de contraste y, para muchos diseñadores, simplemente se ve mejor.


2
¿"Texto gris requiere un color plano"? Bonitos grises vibrantes y ricos con un tono sutil, tal vez, o en tamaños muy pequeños o en configuraciones de impresión de baja resolución, pero he impreso grises simples como C 0, M 0, Y 0, K 70% muchas veces sin problemas. Siempre he sentido que el valor estético del off-black es hacer que el texto sea más claro, más limpio y más accesible: otra forma de aligerar el 'color' tipográfico junto con los espacios en blanco y el encabezado. +1 para todo lo demás, sin embargo
user56reinstatemonica8

2
@ user568458 rara vez puede escapar imprimiendo en tamaño de texto con una pantalla de negro puro. Tipografía / titulares grandes, claro, pero no copia del cuerpo con la mayoría de las tipografías.
DA01

¿Perdón? No estoy seguro de qué está hablando exactamente, pero puedo asegurarle que tanto las revistas como los periódicos están impresos con texto 100% negro todo el tiempo. Creo que está confundiendo esto con otro problema (registro incorrecto), que no es un problema con texto 100% negro, o los flujos de trabajo que está utilizando sufren problemas de administración de color (graves).
David van Driessche

@DavidvanDriessche Estoy totalmente de acuerdo con usted. No estoy seguro de a qué te refieres.
DA01

1
@DavidvanDriessche: Creo que te has perdido las palabras 'pantalla de'.
e100

19

Normalmente, no publicaría una pregunta que haya sido respondida tan sucintamente como esta, pero creo que hay un poco de información para agregar aquí.

Viniendo de un fondo de diseño gráfico, también existe el concepto de grises "cálidos" y "fríos". Estos son grises que tienen una mayor presencia de colores cálidos o fríos en su mezcla, respectivamente.

# 111 , # 222 , # 333 - estos son todos ejemplos de grises oscuros neutros

# 221111 - un ejemplo de un gris cálido

# 111122 - un ejemplo de un gris frío

El gris que especificó: # 001c00 es un gris frío ligeramente teñido de verde.

Como Vincent menciona, estos ligeros brillos no se recogen de inmediato, sino que se prestan a una imagen y sensación general más amplia.


5

Las personas perciben subconscientemente detalles que no notan conscientemente. Se percibe un brillo muy leve de cierto color y puede reforzar un esquema de color y, por lo tanto, una "sensación", un mensaje o un estado de ánimo.

Podría hacer la misma pregunta de por qué algunos papeles son de color blanquecino, o para el uso de diferentes ' negros ricos ' en la impresión, y mi respuesta sería similar.


0

Hay varias razones por las cuales esto podría ser tan

• Para crear una atmósfera con un aspecto más natural a la vista.

• Para ser coherente con los colores de la marca, tal vez este tono de negro se use en otras partes del diseño.

• Para ver más cerca de la impresión (los negros ligeramente más pálidos recuerdan más la apariencia del negro en una página impresa)

• Un error, el creador pretendía usar el negro más oscuro pero colocó el color de una región que no era realmente negro

• En la impresión, los diseñadores pueden usar 99% de negro, ya que elimina automáticamente las áreas de tinta debajo de él

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.