Qual è lo scopo di utilizzare un colore molto scuro per il testo anziché un nero puro?


43

Ho visto che alcuni progetti web implementano nei loro disegni un colore quasi nero (hex # 001c00) anziché un colore nero puro (hex # 000).

Il design ne beneficia davvero o è praticamente lo stesso di un colore nero?

Sono un web designer e sviluppatore per hobby e non riesco a capire la differenza.


Ciao deadsource, benvenuto su GD.SE e grazie per la tua fantastica domanda! In caso di problemi o domande sul sito, dai un'occhiata al centro assistenza o esegui il ping di uno di noi in Graphic Design Chat quando la tua reputazione raggiunge il 20. Continua a contribuire e goditi il ​​sito!
Vincent,

Tecnicamente il testo non è mai nero puro, è quasi sempre anti-aliasing in questi giorni.
Pharap,

Vorrei chiedere, qual è lo scopo di utilizzare solido 000 su una tonalità? E se potessi prenderlo dalle 10 alle 11?
Charlie Schliesser,

Risposte:


33

Preferisco sempre un grigio molto scuro a puro # 000. La scelta potrebbe sembrare personale, ma ecco la teoria alla base:

Ci sono pochissime cose nere al 100% in natura. Tutti gli oggetti neri che vedi hanno un po 'di luce riflessa su di loro, le ombre non sono mai completamente nere.

Quando si # 000 in un disegno, si sopraffà gli altri colori. Attrae troppa attenzione, perché non è naturale. Naturalmente un sito Web non è naturale, ma il cervello reagisce in modo simile comunque.

Ecco perché molti designer scelgono invece il grigio scuro. Puoi fare una ricerca per colore in siti come Dribbble. La differenza è piccola, ma evidente: il grigio scuro è più frequente e sembra migliore in molti casi.

Ad esempio: Designing in the Dark: 10 Dark Sites e i loro schemi di colori (nessuno di loro, credo, usa # 000 come parte della loro tavolozza)


4
Penso che il problema sia che se usi il nero non puoi variare il colore, quindi dì che hai bisogno di sfumarlo, non è possibile aggiungere ombra sul nero. In realtà il nero è relativo, quindi puoi quasi rendere le allure più nere, quindi anche le cose scure possono avere ombre più scure che noti solo perché i tuoi occhi si riadattano per adattarsi a questo. Secondo è anche più interessante
joojaa

7
Anche se sono d'accordo sul fatto che il nero puro non appare in natura, non ha nulla a che fare con i colori dello schermo. Sulla carta, è quasi sempre nero al 100%, quindi invalida questa teoria. Sullo schermo, spesso è preferito un grigio scuro. Perché? Il contrasto è buono, ma troppo contrasto può rendere le cose difficili da leggere. Su uno schermo, con la luce proiettata, il 100% nero su 100% bianco può sembrare estremo (rispetto alla carta).
DA01,

+1 Ecco un altro bell'articolo per aiutare a martellare a casa il punto di questa risposta: ianstormtaylor.com/design-tip-never-use-black
Pharap

1
Ma dall'altro lato, se si sta progettando un "tema oscuro" per gli schermi AMOLED, si preferisce il 100% di nero in quanto riduce l'utilizzo della batteria.
user11153

3
Questo argomento viene spesso truffato, ma in realtà non ha senso. In primo luogo, non ci sono lettere in natura, quindi perché dovremmo usare affermazioni su quali colori esistono in natura per decidere di che colore dovrebbero essere le nostre lettere artificiali? In secondo luogo, anche se diciamo a un computer di produrre nero puro, il colore effettivo visualizzato dall'utente sarà comunque leggermente nero, a causa del colore residuo dello schermo, dei riflessi e così via. E non c'è silenzio in natura: dovremmo usare suoni di sottofondo molto silenziosi su tutte le pagine web?
David Richerby,

25

Queste sono tutte risposte interessanti, ma un po 'esoteriche. Il motivo è piuttosto semplice. Il contrasto è buono per la leggibilità, ma troppo può essere considerato non necessario nella migliore delle ipotesi e dannoso nella peggiore.

Quasi tutto il testo stampato è nero su carta bianca ... ma raramente è carta bianca pura. È spesso un bianco sporco. E anche allora, poiché è stampato, utilizza una luce riflettente.

Sullo schermo, dove viene proiettata la luce, 100% nero con 100% bianco è il massimo contrasto possibile. Questo può essere travolgente, quindi la preferenza di molti per usare un grigio scuro su bianco o nero su grigio chiaro.

Esistono requisiti minimi di contrasto per soddisfare gli standard di accessibilità e leggibilità generale. Sicuramente vuoi incontrarli, ma ciò non significa che devi anche massimizzare il contrasto al 100%.

Inoltre, molti designer pensano che abbia un aspetto migliore. Per tornare alla stampa, il testo grigio scuro può essere visto come un aspetto più lussuoso, poiché è più costoso stampare testo grigio su carta rispetto al nero. (Il testo grigio a dimensioni ridotte richiede in genere un colore spot grigio).

Concludendo: usare meno del puro nero su bianco quando sullo schermo emula meglio ciò che leggiamo offline, soddisfa i requisiti di contrasto e, per molti designer, ha un aspetto migliore.


2
"Il testo grigio richiede una tinta piatta"? Grigi intensi e vivaci con una tonalità sottile, forse, o in formati molto piccoli o con impostazioni di stampa a basso dpi, ma ho stampato grigi semplici come C 0, M 0, Y 0, K 70% un sacco di volte senza problemi. Ho sempre pensato che il valore estetico del nero fosse nel rendere il testo più chiaro, più pulito e più accessibile: un altro modo per alleggerire il 'colore' tipografico insieme agli spazi bianchi e ai primi. +1 per tutto il resto
user56reinstatemonica8

2
@ user568458 raramente riesci a cavartela stampando il tipo di testo con uno schermo di nero puro. Tipo / titoli di grandi dimensioni, certo, ma non copia del corpo con la maggior parte dei caratteri tipografici.
DA01,

Perdono? Non sono sicuro di cosa tu stia parlando esattamente, ma posso assicurarti che sia le riviste che i giornali sono sempre stampati con testo nero al 100%. Penso che tu stia confondendo questo con un altro problema (registrazione errata), che non è un problema con il testo nero al 100%, o il flusso di lavoro che stai utilizzando soffre di (gravi) problemi di gestione del colore.
David van Driessche,

@DavidvanDriessche Sono completamente d'accordo con te. Non sono sicuro di cosa ti riferisci.
DA01,

1
@DavidvanDriessche: penso che tu abbia perso le parole 'schermo di'.
e100,

19

Normalmente non inserisco una domanda a cui è stata data una risposta succinta come questa, ma penso che ci siano alcune informazioni da aggiungere qui.

Proveniente da un background grafico, esiste anche il concetto di grigi "caldi" e "freddi". Questi sono grigi che hanno una maggiore presenza di colori caldi o freddi nel loro mix rispettivamente.

# 111 , # 222 , # 333 - questi sono tutti esempi di grigi scuri neutri

# 221111 - Un esempio di un grigio caldo

# 111122 - un esempio di grigio freddo

Il grigio specificato: # 001c00 è un grigio freddo leggermente colorato di verde.

Come menziona Vincent, queste lievi lucentizze non vengono immediatamente raccolte, ma si prestano invece al quadro generale più ampio.


5

Le persone inconsciamente percepiscono dettagli che non notano consapevolmente. Si percepisce una lievissima lucentezza di un certo colore e può rinforzare una combinazione di colori e quindi un "sentire", un messaggio o uno stato d'animo.

Potresti porre la stessa domanda sul perché alcuni fogli sono di colore bianco sporco o sull'uso di diversi " neri ricchi " nella stampa e la mia risposta sarebbe simile.


0

Ci sono diverse ragioni per cui potrebbe essere così

• Creare atmosfera guardando più naturale alla vista

• Per essere coerente con i colori del marchio, forse questa tonalità di nero viene utilizzata altrove nel design

• Per guardare più vicino alla stampa (i neri leggermente più chiari ricordano più l'aspetto del nero su una pagina stampata)

• Un errore, il creatore intendeva usare il nero più scuro, ma con il contagocce il colore da una regione che non era in realtà il vero nero

• Nella stampa, i progettisti possono utilizzare il 99% di nero poiché elimina automaticamente le aree di inchiostro sottostanti

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.