La tua miniatura in tema scuro

La tela su cui progetti è il fondo sbagliato

Ogni strumento di grafica si apre in bianco. Qualunque cosa costruisci sta sul bianco mentre la costruisci, e i giudizi che dai — quanto deve essere scura quell'ombra, se quel bordo si legge, quanto bagliore è troppo — li dai tutti contro uno sfondo che lo spettatore può non avere.

È tutta qui la ragione per cui il tema scuro sorprende. Non è che il tema scuro sia più difficile: è che il lavoro è stato fatto sul fondo opposto e non è mai stato controllato su quello vero. Il tema scuro è un'impostazione che sceglie chi guarda, e YouTube documenta dove: non è qualcosa che puoi rilevare, disattivare o aggirare un file alla volta.

Cambiano due cose, e solo una è il contrasto

Il cambiamento misurabile è il confine: il bordo della tua inquadratura contro la pagina. Quello è aritmetica, e i numeri stanno nella guida sui colori che sopravvivono al feed — questa guida non li ripete.

Il cambiamento che non è aritmetica è l'aspetto. La stessa immagine sembra più luminosa e più satura contro un contorno scuro che contro uno bianco, perché l'occhio legge la luminosità in relazione a quello che le sta accanto. Un progetto messo a punto sul bianco può risultare sgargiante sullo scuro; uno messo a punto sullo scuro può risultare slavato sul bianco. Del file non è cambiato niente.

Le tecniche che smettono di funzionare del tutto

È la parte che vale la pena misurare, perché non è sottile. Tre capisaldi del design delle miniature sono costruiti col quasi-nero, e il quasi-nero è già quello che è la pagina scura di YouTube:

Leggi la prima colonna come: questo non fa niente. Una vignetta che separa il tuo soggetto meravigliosamente su una pagina bianca contribuisce 1,1:1 su una scura — indistinguibile dal non aver disegnato nulla. Tutto il lavoro di queste tecniche è fatto in un tema solo, per gli spettatori che si trovano a essere in quello.

Il chiaro su scuro non si comporta come lo scuro su chiaro

L'altra asimmetria è nel testo, e va nella direzione opposta a quella che i numeri di contrasto suggerirebbero. Le forme chiare su fondo scuro fioriscono: sembrano un po' più grandi e più pesanti delle stesse forme scure su chiaro, perché l'area luminosa sborda nello scuro attorno.

Per una miniatura taglia da entrambe le parti. Un peso pesante in bianco su un'immagine scura può chiudersi: gli occhielli delle lettere si riempiono di bagliore e la parola si addensa in un blocco. Un peso sottile, invece, tiene meglio in tema scuro di quanto lo stesso peso terrebbe scuro su chiaro, ed è l'unico punto in cui il tema scuro è più indulgente.

La versione pratica non è una regola sui pesi ma un motivo per guardare: un testo impostato abbastanza pesante da sopravvivere sul bianco può essere troppo pesante contro lo scuro, ed è la sola situazione nel design delle miniature in cui il rimedio è usare *meno* peso.

Cosa ci guadagna, e la trappola dentro

Gli accenti brillanti ci guadagnano davvero. Un colore saturo contro #0F0F0F si legge più intenso dello stesso colore sul bianco, e un singolo elemento brillante in una composizione scura ha più presenza di quanta ne avrebbe in una chiara.

La trappola è che questo vale anche per i vicini. Nel tema scuro ogni miniatura della riga è più luminosa rispetto al proprio contorno, quindi il vantaggio è condiviso e la riga diventa più rumorosa invece che la tua tessera più chiara. La visibilità relativa non cambia: cambia solo il livello complessivo — ed è per questo che un progetto che vince essendo la cosa più brillante su una pagina chiara può essere ordinario su una scura.

La sagoma del soggetto comincia a contare

Su una pagina bianca, un soggetto scuro è separato dalla pagina dal bordo dell'inquadratura, comunque sia illuminato. Su una pagina scura quella separazione deve venire dall'interno dell'immagine, e capelli scuri, vestiti scuri o uno sfondo scuro contro #0F0F0F semplicemente continuano oltre il confine.

L'effetto è che la miniatura sembra ritagliata in modo diverso nei due temi: sullo scuro, le parti della tua composizione che erano quasi nere vengono lette come pagina e non come immagine, e la forma visibile della tessera è quello che resta. Un soggetto in piedi davanti a uno sfondo scuro può perdere la parte alta della testa a favore della pagina.

Il rimedio non è più luminosità in generale. È un filo di separazione dove il soggetto incontra il bordo: una fascia di sfondo più chiara dietro di lui, una luce dietro la spalla, o semplicemente spostarlo verso l'interno così che il bordo lo porti qualcosa di mezzo tono.

Progetta prima sul fondo più scuro

Il cambiamento più economico di tutta questa guida è un cambiamento nell'ordine del lavoro: costruisci la miniatura su una tela scura e controllala sul bianco dopo.

Funziona perché i fallimenti vanno in una direzione sola. Un progetto che tiene sullo scuro quasi sempre tiene sul bianco — le vignette e le ombre su cui ti sarebbe venuto naturale appoggiarti semplicemente non sono mai state aggiunte, quindi la composizione ha dovuto reggersi da sola. Il contrario non è vero: un progetto costruito sul bianco dipende regolarmente proprio dalle tecniche quasi-nere che la pagina scura cancella.

È lo stesso argomento del progettare alla dimensione a cui la miniatura verrà vista invece che a grandezza piena: lavora sotto il vincolo più difficile e il caso più facile viene gratis.

In tema scuro il tuo testo compete con quello dell'interfaccia

Ecco l'asimmetria che quasi nessuno mette in conto. Il titolo del video sta subito sotto la miniatura, e il suo colore si ribalta col tema: testo scuro sulla pagina chiara, testo chiaro su quella scura.

Quindi in tema chiaro il testo bianco della miniatura e il titolo scuro sono due cose diverse e si leggono come due. In tema scuro sono entrambi testo chiaro su scuro, impilati con pochi pixel in mezzo — e l'occhio legge la coppia come un unico blocco di testo in cui il tuo titolo è semplicemente la prima riga.

È l'argomento più forte contro il mettere il titolo dentro la miniatura, e si manifesta solo in tema scuro. Due righe di testo bianco quasi identico che dicono cose quasi identiche non sono enfasi: sono un messaggio che occupa il doppio dello spazio. La questione della coppia è trattata più a fondo nella guida sul click-through rate.

La questione del bordo bianco

Un contorno bianco o acceso attorno a tutta l'inquadratura è la risposta standard al tema scuro, e il confine lo risolve. Due avvertenze, e la prima non è quella ovvia.

È invisibile in tema chiaro — lo stesso caso 1,0:1 che rende inutili i bordi bianchi lì — quindi un bordo scelto per il tema scuro è nessun bordo per metà del pubblico. E cambia cosa è la miniatura: un'immagine incorniciata si legge come la fotografia di una cosa, mentre una senza cornice si legge come la cosa. È uno scambio reale, e vale la pena farlo di proposito e non come rimedio.

Il controllo, nell'ordine che trova i problemi

Tre sguardi, e il primo ne intercetta la maggior parte.

1. Cambia tema sotto lo stesso fileNon due esportazioni: la stessa miniatura contro entrambi i fondi. Quello che cerchi è ciò che compare o sparisce, non ciò che sembra più bello.
2. Strizza gli occhi sullo scuroSfocare la tua stessa vista riduce il progetto alle sue masse chiare e scure, che è più o meno quello che fa la dimensione di tessera. Se soggetto e sfondo si fondono, un bordo non lo risolve: lo risolve la composizione.
3. Guarda la riga, non la tesseraIn tema scuro tutto è più luminoso, quindi giudicare la tua miniatura da sola la sovrastima. Accanto ai vicini è l'unica vista che ti dice cosa hai guadagnato davvero.

Puoi caricare un solo file

Vale la pena dirlo chiaramente perché la domanda arriva: non c'è modo di servire una miniatura diversa a chi è in tema scuro e a chi è in tema chiaro. Un file, due fondi, scelti da qualcun altro.

Il che trasforma tutta la questione in un unico vincolo di progetto invece che in una preferenza. La miniatura che vuoi non è quella che sta meglio su uno dei due temi: è quella il cui caso peggiore è ancora buono, nello stesso modo in cui un colore vale quanto il suo fondo peggiore.

Le domande che si fanno tutti