risposta-alla-domanda-sullo-sviluppo-web-bd.com

Cosa si può fare per ottimizzare la leggibilità del testo bianco su sfondo nero?

Il consenso generale sulla leggibilità è che il testo nero su sfondo bianco è superiore al testo bianco su sfondo nero. (Vedi: Testo bianco su sfondo nero ) Ma ci sono alcuni casi in cui si preferisce il testo bianco su sfondo nero.

Mentre la domanda collegata sopra la domanda fornisce alcuni risposte, mi rimangono ancora altre domande riguardanti il ​​testo bianco sullo scenario nero. Soprattutto se si considera che quasi tutte le informazioni relative alla leggibilità del testo assumono il nero su bianco.


Domande

Tieni presente che le seguenti domande fanno riferimento al testo bianco su uno sfondo nero scenario.

  1. Sono stati fatti studi su questo argomento? Soprattutto dove la conclusione non si riduce a "Non usare il bianco sul nero".
  2. Cosa cerco quando scelgo un font? Forse fornire alcuni esempi di buoni caratteri da usare.
  3. La lunghezza ottimale della linea cambia?
  4. L'altezza della linea ottimale cambia?
  5. La spaziatura ottimale dei caratteri cambia?
  6. Qual è lo "spazio nero" ottimale tra paragrafi o contenuti?
  7. C'è qualche vantaggio nell'aggiungere un'ombra di testo sottile?
  8. Esiste un rapporto di contrasto ottimale tra "bianco" e "nero"?

Nero-Space

E riguardo alle domande sullo "spazio nero", ho letto opinioni contrastanti. Uno è che il bianco su nero ha bisogno di di più spazio per migliorare la leggibilità e l'altro di dire che ha bisogno di di meno spazio.


In breve

Cosa si può fare per ottimizzare la leggibilità del testo bianco su sfondo nero?

2
Swen

L'uso di siti Web a tema oscuro è aumentato nel corso dei secoli. E per molti, incluso me, un sito Web a tema scuro mi tiene interessato piuttosto che un sito Web di sfondo chiaro o bianco. Ma questa è una questione di scelte e preferenze personali.

Questi sono alcuni puntatori che è possibile utilizzare durante la distribuzione di un tema di sfondo scuro.

  • Anche se può sembrare rassicurante per gli occhi, continua a leggere le linee bianche su sfondo scuro aumenta la tensione sugli occhi. Il colore bianco richiede il reciproco di tutti e tre i coni di colore del nostro occhio, e anche quello, con la massima tensione. Quindi evita di scrivere paragrafi e paragrafi con il testo in bianco.

  • Usa caratteri leggermente più grandi e maggiore larghezza e audacia. Ciò non significa che il tuo testo bianco dovrebbe esplodere sullo schermo con caratteri mostruosi e audacia super spessa. Mantenerlo un po 'più evidenziato ridurrà la tensione sugli occhi.

  • A differenza dello sfondo bianco, un tema scuro non sembra imbarazzante con molti spazi vuoti. Usa gli spazi tra i contenuti di colore bianco. È possibile separare il contenuto di blocchi bianchi con uno spazio vuoto significativo. È inoltre possibile aumentare l'altezza della linea e garantire la spaziatura tra le righe di testo di colore bianco.

  • Usa sfumature di grigio. Si potrebbe sostenere che "50 sfumature di grigio" non è molto piacevole per gli occhi, ma le battute a parte, il grigio o il grigio è molto rilassante per gli occhi. Prova le tonalità più chiare di grigio anziché bianco puro.

  • Prova a utilizzare sfondi moderatamente scuri anziché Nero solido.

  • Usa le immagini per mantenere la vista interessata al contenuto. Troppo nero può smorzare l'umore dello spettatore/utente e non lo si desidera.

  • Usa caratteri creativi. Per creativo, non intendo il carattere appariscente, ma provo i caratteri sinuosi, i caratteri continui e quelli informali. Ciò dovrebbe mantenere lo spettatore interessato al contenuto. Ci sono tonnellate di caratteri disponibili in Google Fonts. Provane alcuni.

Anche se gli utenti di 7/10 preferiranno uno sfondo bianco a un tema scuro, non c'è nulla di sbagliato nel farlo. Ma devi stare attento mentre giochi su colori inversi di norma standard per UI/UX.

Passare attraverso i seguenti collegamenti. Dovrebbero fornirti informazioni dettagliate sulle tue domande. http://uxmovement.com/content/when-to-use-white-text-on-a-dark-background/https://www.webdesignerdepot.com/2009/08/the-dos-and-donts-of-dark-web-design/

[~ ~ #] aggiornamento [~ ~ #]

Per quanto riguarda le misure specifiche che stavi chiedendo, nessuno può rispondere tranne te. Prova e continua a provare. Solo il tuo design può darti i requisiti di spaziatura ottimali per tutto ciò.

Spero che sia di aiuto.

2
Varun Nair