A sua miniatura no modo escuro

Quase toda miniatura é desenhada numa tela branca e aparece numa página quase preta. Isso não é a versão reduzida do mesmo problema: várias técnicas padrão param de funcionar por completo, e as que sobrevivem mudam de aparência, não só de contraste.

A tela em que você desenha é o fundo errado

Todo programa de arte abre em branco. O que você monta fica em cima do branco enquanto você monta, e os julgamentos que você faz — o quanto essa sombra precisa escurecer, se essa borda aparece, quanto brilho é demais — todos são feitos contra um fundo que o espectador pode não estar usando.

É aí que está toda a razão de o modo escuro pegar as pessoas de surpresa. Não é que o modo escuro seja mais difícil: é que o trabalho foi feito no fundo oposto e nunca foi conferido no fundo de verdade. O modo escuro é um ajuste que o espectador escolhe, e o YouTube documenta onde: não é algo que dê para detectar, desligar ou contornar arquivo por arquivo.

Duas coisas mudam, e só uma é contraste

A mudança que dá para medir é a fronteira: a borda do seu quadro contra a página. Essa é conta, e os números estão em o guia sobre as cores que sobrevivem ao feed — aqui eu não repito.

A mudança que não é conta é a aparência. A mesma imagem parece mais clara e mais saturada contra um entorno escuro do que contra um branco, porque o olho lê brilho em relação ao que está do lado. Uma arte ajustada no branco pode ficar estridente no escuro; uma ajustada no escuro pode ficar lavada no branco. E no arquivo não mudou nada.

As técnicas que param de funcionar de vez

Essa é a parte que vale medir, porque não é sutil. Três pilares da arte de miniatura são feitos de quase-preto, e quase-preto é exatamente o que a página escura do YouTube já é:

Leia a primeira coluna assim: isso não faz nada. Uma vinheta que separa o seu personagem lindamente numa página branca entrega 1,1:1 numa escura — não dá para distinguir de não ter desenhado nada. Todo o trabalho dessas técnicas acontece em um tema só, para quem por acaso está nele.

Claro no escuro não se comporta como escuro no claro

A outra assimetria está no texto, e vai no sentido contrário do que os números de contraste sugerem. Formas claras em fundo escuro florescem: parecem um pouco maiores e mais pesadas que as mesmas formas escuras no claro, porque a área iluminada vaza para o escuro em volta.

Numa miniatura isso corta dos dois lados. Um peso pesado em branco sobre imagem escura pode fechar: os olhos das letras enchem de brilho e a palavra engrossa até virar bloco. Um peso fino, por outro lado, aguenta melhor no modo escuro do que o mesmo peso escuro no claro — é o único ponto em que o modo escuro perdoa mais.

Na prática isso não é regra sobre peso, é motivo para olhar: um texto pesado o suficiente para sobreviver no branco pode ser pesado demais contra o escuro. É a única situação em arte de miniatura em que a correção é usar *menos* peso.

O que ganha, e a armadilha aí dentro

Acento vibrante ganha de verdade. Uma cor saturada contra #0F0F0F lê mais intensa que a mesma cor no branco, e um único elemento vibrante numa composição escura tem mais presença do que teria numa clara.

A armadilha é que isso vale para os vizinhos também. No tema escuro toda miniatura da fileira fica mais clara em relação ao próprio entorno, então a vantagem é dividida e a fileira fica mais barulhenta em vez de o seu bloco ficar mais nítido. A visibilidade relativa não muda: muda só o nível geral — e é por isso que uma arte que ganha por ser a coisa mais vibrante de uma página clara pode ser sem graça numa escura.

A silhueta do personagem começa a pesar

Numa página branca, um personagem escuro fica separado da página pela borda do quadro, não importa como esteja iluminado. Numa página escura essa separação tem que vir de dentro da imagem, e cabelo escuro, roupa escura ou fundo escuro contra #0F0F0F simplesmente continuam para fora da fronteira.

O efeito é que a miniatura parece cortada de um jeito diferente em cada tema: no escuro, as partes da sua composição que eram quase pretas são lidas como página e não como imagem, e a forma visível do bloco é o que sobrou. Um personagem em pé na frente de um fundo escuro pode perder o topo da cabeça para a página.

A correção não é mais brilho no geral. É um fio de separação onde o personagem encontra a borda: uma faixa de fundo mais clara atrás dele, uma luz vindo por trás do ombro, ou simplesmente puxar ele para dentro, para que a borda fique com algo de meio-tom.

Desenhe primeiro no fundo mais escuro

A mudança mais barata deste guia inteiro é uma mudança de ordem no trabalho: monte a miniatura numa tela escura e confira no branco depois.

Funciona porque as falhas andam num sentido só. Uma arte que aguenta no escuro quase sempre aguenta no branco — as vinhetas e sombras em que você teria se apoiado simplesmente nunca entraram, então a composição teve que se sustentar sozinha. O contrário não vale: arte montada no branco depende com frequência justamente das técnicas quase-pretas que a página escura apaga.

É o mesmo raciocínio de desenhar no tamanho em que a miniatura vai ser vista em vez do tamanho cheio: trabalhe na restrição mais dura e o caso fácil vem de graça.

No modo escuro o seu texto disputa com o texto da interface

Aqui está a assimetria que quase ninguém leva em conta. O título do vídeo fica logo embaixo da miniatura, e a cor dele vira junto com o tema: texto escuro na página clara, texto claro na escura.

Ou seja: no tema claro, o texto branco da miniatura e o título escuro são duas coisas diferentes e são lidos como duas. No tema escuro os dois são texto claro sobre escuro, empilhados com poucos pixels de distância — e o olho lê a dupla como um bloco único de texto em que a sua chamada é só a primeira linha.

É o argumento mais forte contra colocar o título dentro da miniatura, e ele só aparece no modo escuro. Duas linhas de texto branco quase igual dizendo coisas quase iguais não é ênfase: é uma mensagem ocupando o dobro do espaço. A questão da dupla está tratada com mais calma em o guia sobre o CTR.

A questão da borda branca

Contorno branco ou vibrante em volta do quadro inteiro é a resposta padrão para o modo escuro, e resolve a fronteira mesmo. Duas ressalvas, e a primeira não é a óbvia.

Ele é invisível no tema claro — o mesmo caso 1,0:1 que deixa borda branca inútil lá — então borda escolhida para o modo escuro é borda nenhuma para metade do público. E ela muda o que a miniatura é: imagem com moldura lê como foto de uma coisa, e sem moldura lê como a coisa. É uma troca real, melhor fazer de propósito do que como remendo.

A conferida, na ordem que acha os problemas

Três olhadas, e a primeira pega a maior parte.

  1. Troque o tema com o mesmo arquivoNão dois exports: a mesma miniatura contra os dois fundos. O que você procura é o que aparece ou desaparece, não o que fica mais bonito.
  2. Aperte os olhos no escuroDesfocar a sua própria vista reduz a arte às massas de claro e escuro, que é mais ou menos o que o tamanho de bloco faz. Se personagem e fundo se fundem, borda não resolve: composição resolve.
  3. Olhe a fileira, não o blocoNo tema escuro tudo está mais claro, então julgar a sua miniatura sozinha superestima ela. Do lado das vizinhas é a única visão que diz o que você ganhou de fato.

Você só pode subir um arquivo

Vale dizer com clareza porque a pergunta aparece: não existe jeito de entregar uma miniatura diferente para quem está no modo escuro e para quem está no claro. Um arquivo, dois fundos, escolhidos por outra pessoa.

Isso transforma a questão inteira numa restrição única de arte, e não numa preferência. A miniatura que você quer não é a que fica melhor em um dos temas: é a que tem o pior caso ainda bom, do mesmo jeito que uma cor vale o pior fundo dela.

As perguntas que todo mundo faz

Devo desenhar miniatura pensando no modo escuro ou no claro?

Desenhe no escuro e confira no claro. As falhas andam num sentido só: uma arte que aguenta numa página escura quase sempre aguenta numa branca, porque ela não pôde se apoiar em sombra e vinheta que a página escura apaga.

Por que a minha miniatura fica sem graça no modo escuro?

Normalmente porque a separação dela vinha de algo quase preto: vinheta, sombra, contorno escuro. Todas elas medem cerca de 1,1:1 contra o fundo escuro do YouTube, o que é o mesmo que não estar lá.

Preciso de borda branca para o modo escuro?

Ela resolve a fronteira e cria dois problemas: é invisível no tema claro e transforma uma imagem numa imagem com moldura. Borda de luminosidade média, ou composição que segura a própria faixa externa, evita os dois.

O texto precisa ser mais pesado no modo escuro?

Normalmente o contrário. Texto claro em fundo escuro floresce e lê mais pesado que o mesmo peso escuro no claro, então texto pesado o bastante para o branco pode fechar no escuro.

Dá para subir uma miniatura diferente para o modo escuro?

Não. Um arquivo só é entregue para todo mundo, e o tema do espectador não é algo que você consiga segmentar — é por isso que o teste que serve é o pior dos dois casos, não o melhor.

Testar minha capa na ferramenta de preview →