Tu miniatura en modo oscuro

El lienzo en el que diseñas es el fondo equivocado

Toda herramienta de diseño se abre en blanco. Lo que construyes está sobre blanco mientras lo construyes, y los juicios que haces — cuánto tiene que oscurecer esa sombra, si ese borde se lee, cuánto brillo es demasiado — los haces todos contra un fondo que el espectador puede no tener.

Ahí está toda la razón de que el modo oscuro sorprenda. No es que el modo oscuro sea más difícil: es que el trabajo se hizo sobre el fondo opuesto y nunca se comprobó en el real. El modo oscuro es un ajuste que elige el espectador, y YouTube documenta dónde: no es algo que puedas detectar, desactivar ni esquivar con un solo archivo.

Cambian dos cosas, y solo una es el contraste

El cambio medible es el límite: el borde de tu encuadre contra la página. Ese es aritmética, y los números están en la guía sobre los colores que sobreviven al feed — esta guía no los repite.

El cambio que no es aritmética es el aspecto. La misma imagen parece más luminosa y más saturada contra un entorno oscuro que contra uno blanco, porque el ojo lee el brillo en relación con lo que tiene al lado. Un diseño ajustado sobre blanco puede resultar estridente sobre oscuro; uno ajustado sobre oscuro puede resultar lavado sobre blanco. Del archivo no cambió nada.

Las técnicas que dejan de funcionar del todo

Es la parte que merece medirse, porque no es sutil. Tres pilares del diseño de miniaturas están hechos de casi negro, y casi negro es justo lo que ya es la página oscura de YouTube:

Lee la primera columna como: esto no hace nada. Una viñeta que separa tu sujeto maravillosamente en una página blanca aporta 1,1:1 en una oscura — indistinguible de no haber dibujado nada. Todo el trabajo de estas técnicas se hace en un solo tema, para los espectadores que resulten estar en él.

Claro sobre oscuro no se comporta como oscuro sobre claro

La otra asimetría está en el texto, y va en la dirección contraria a lo que sugieren los números de contraste. Las formas claras sobre fondo oscuro florecen: parecen algo más grandes y pesadas que las mismas formas oscuras sobre claro, porque el área luminosa se desborda en el oscuro que la rodea.

En una miniatura corta por los dos lados. Un grosor fuerte en blanco sobre una imagen oscura puede cerrarse: los ojales de las letras se llenan de brillo y la palabra se espesa en un bloque. Un grosor fino, en cambio, aguanta mejor en modo oscuro que el mismo grosor oscuro sobre claro, y es el único punto en que el modo oscuro es más indulgente.

La versión práctica no es una regla sobre grosores sino una razón para mirar: un texto puesto lo bastante fuerte para sobrevivir en blanco puede ser demasiado fuerte contra el oscuro, y es la única situación en el diseño de miniaturas en la que el arreglo es usar *menos* grosor.

Qué gana, y la trampa que trae

Los acentos brillantes ganan de verdad. Un color saturado contra #0F0F0F se lee más intenso que el mismo color sobre blanco, y un único elemento brillante en una composición oscura tiene más presencia de la que tendría en una clara.

La trampa es que eso también vale para los vecinos. En el tema oscuro cada miniatura de la fila es más luminosa respecto a su entorno, así que la ventaja se comparte y la fila se vuelve más ruidosa en lugar de tu ficha más clara. La visibilidad relativa no cambia: solo cambia el nivel general — y por eso un diseño que gana por ser lo más brillante de una página clara puede ser anodino en una oscura.

La silueta del sujeto empieza a importar

En una página blanca, un sujeto oscuro está separado de la página por el borde del encuadre, esté iluminado como esté. En una página oscura esa separación tiene que venir de dentro de la imagen, y el pelo oscuro, la ropa oscura o un fondo oscuro contra #0F0F0F simplemente continúan más allá del límite.

El efecto es que la miniatura parece recortada de forma distinta en los dos temas: sobre oscuro, las partes de tu composición que eran casi negras se leen como página y no como imagen, y la forma visible de la ficha es lo que queda. Un sujeto de pie ante un fondo oscuro puede perder la parte alta de la cabeza a favor de la página.

El arreglo no es más brillo en general. Es un hilo de separación donde el sujeto encuentra el borde: una banda de fondo más clara detrás de él, una luz tras el hombro, o simplemente moverlo hacia dentro para que el borde lo lleve algo de medio tono.

Diseña primero sobre el fondo más oscuro

El cambio más barato de toda esta guía es un cambio en el orden del trabajo: construye la miniatura sobre un lienzo oscuro y compruébala en blanco después.

Funciona porque los fallos van en un solo sentido. Un diseño que aguanta sobre oscuro casi siempre aguanta sobre blanco — las viñetas y sombras en las que te habrías apoyado simplemente nunca se añadieron, así que la composición tuvo que sostenerse sola. Al revés no es cierto: un diseño construido sobre blanco depende con frecuencia justo de las técnicas casi negras que la página oscura borra.

Es el mismo argumento que diseñar al tamaño al que la miniatura se verá en lugar de a tamaño completo: trabaja bajo la restricción más dura y el caso fácil sale gratis.

En modo oscuro tu texto compite con el de la interfaz

Aquí está la asimetría que casi nadie tiene en cuenta. El título del vídeo va justo debajo de la miniatura, y su color se invierte con el tema: texto oscuro en la página clara, texto claro en la oscura.

Así que en el tema claro el texto blanco de la miniatura y el título oscuro son dos cosas distintas y se leen como dos. En el tema oscuro son ambos texto claro sobre oscuro, apilados con unos píxeles en medio — y el ojo lee la pareja como un solo bloque de texto en el que tu titular es simplemente la primera línea.

Es el argumento más fuerte contra meter el título en la miniatura, y solo aparece en modo oscuro. Dos líneas de texto blanco casi idéntico diciendo cosas casi idénticas no son énfasis: son un mensaje ocupando el doble de espacio. La cuestión de la pareja se trata más a fondo en la guía sobre el CTR.

La cuestión del borde blanco

Un contorno blanco o brillante alrededor de todo el encuadre es la respuesta estándar al modo oscuro, y sí resuelve el límite. Dos advertencias, y la primera no es la obvia.

Es invisible en el tema claro — el mismo caso 1,0:1 que hace inútiles los bordes blancos allí — así que un borde elegido para el modo oscuro es ningún borde para la mitad del público. Y cambia lo que es la miniatura: una imagen enmarcada se lee como la foto de una cosa, mientras una sin marco se lee como la cosa. Es un intercambio real, y merece hacerse a propósito y no como remiendo.

La comprobación, en el orden que encuentra los problemas

Tres miradas, y la primera atrapa la mayoría.

1. Cambia el tema bajo el mismo archivoNo dos exportaciones: la misma miniatura contra los dos fondos. Lo que buscas es lo que aparece o desaparece, no lo que se ve más bonito.
2. Entorna los ojos sobre oscuroDesenfocar tu propia vista reduce el diseño a sus masas claras y oscuras, que es más o menos lo que hace el tamaño de ficha. Si el sujeto y el fondo se funden, un borde no lo arregla: lo arregla la composición.
3. Mira la fila, no la fichaEn el tema oscuro todo es más luminoso, así que juzgar tu miniatura sola la sobrevalora. Junto a sus vecinas es la única vista que te dice lo que has ganado de verdad.

Solo puedes subir un archivo

Merece decirse claro porque la pregunta llega: no hay forma de servir una miniatura distinta a quien está en modo oscuro y a quien está en claro. Un archivo, dos fondos, elegidos por otra persona.

Lo que convierte todo el asunto en una única restricción de diseño y no en una preferencia. La miniatura que quieres no es la que queda mejor en uno de los dos temas: es la que tiene un peor caso todavía bueno, igual que un color vale lo que su peor fondo.

Las preguntas que hace todo el mundo