Dein Thumbnail im dunklen Modus

Die Leinwand, auf der du entwirfst, ist der falsche Grund

Jedes Grafikprogramm öffnet weiß. Was du baust, liegt beim Bauen auf Weiß, und alle Urteile, die du fällst — wie dunkel dieser Schatten sein muss, ob diese Kante liest, wie viel Leuchten zu viel ist — fällst du gegen einen Hintergrund, den der Zuschauer möglicherweise nicht hat.

Das ist der ganze Grund, warum der dunkle Modus überrascht. Nicht dass er schwieriger wäre: die Arbeit wurde auf dem entgegengesetzten Grund gemacht und nie auf dem echten geprüft. Der Dark Mode ist eine Einstellung, die der Zuschauer wählt, und YouTube dokumentiert wo — erkennen, abschalten oder pro Datei umgehen lässt er sich nicht.

Zwei Dinge ändern sich, und nur eines ist Kontrast

Die messbare Änderung ist die Grenze: die Kante deines Bildes gegen die Seite. Die ist Rechnen, und die Zahlen dazu stehen in dem Leitfaden zu Farben, die den Feed überleben — dieser hier wiederholt sie nicht.

Die Änderung, die kein Rechnen ist, ist das Aussehen. Dasselbe Bild wirkt vor dunkler Umgebung heller und gesättigter als vor weißer, weil das Auge Helligkeit im Verhältnis zum Nachbarn liest. Ein auf Weiß abgestimmter Entwurf kann auf Dunkel schreiend wirken, ein auf Dunkel abgestimmter auf Weiß ausgewaschen. An der Datei hat sich nichts geändert.

Die Techniken, die vollständig aufhören zu wirken

Das ist der Teil, der sich zu messen lohnt, denn er ist nicht subtil. Drei Grundpfeiler des Thumbnail-Entwurfs bestehen aus Fast-Schwarz, und Fast-Schwarz ist genau das, was YouTubes dunkle Seite schon ist:

Lies die erste Spalte als: das tut nichts. Eine Vignette, die dein Motiv auf weißer Seite wunderbar löst, trägt auf einer dunklen 1,1:1 bei — nicht unterscheidbar davon, nichts gezeichnet zu haben. Die ganze Arbeit dieser Techniken passiert in einem Theme, für die Zuschauer, die sich zufällig darin befinden.

Hell auf Dunkel verhält sich nicht wie Dunkel auf Hell

Die andere Asymmetrie steckt in der Schrift, und sie läuft entgegen dem, was die Kontrastzahlen nahelegen. Helle Formen auf dunklem Grund blühen auf: sie wirken etwas größer und fetter als dieselben Formen dunkel auf hell, weil die helle Fläche in das umgebende Dunkel überstrahlt.

Für ein Thumbnail schneidet das in beide Richtungen. Ein fetter Schnitt in Weiß auf dunklem Bild kann zulaufen: die Punzen füllen sich mit Leuchten und das Wort verdickt zum Block. Ein leichter Schnitt hält im dunklen Modus dagegen besser als derselbe Schnitt dunkel auf hell — die einzige Stelle, an der der dunkle Modus nachsichtiger ist.

Praktisch ist das keine Regel über Schnitte, sondern ein Grund hinzusehen: Text, der fett genug gesetzt wurde, um auf Weiß zu überleben, kann gegen Dunkel zu fett sein. Es ist die einzige Situation im Thumbnail-Entwurf, in der die Lösung *weniger* Fettung heißt.

Was gewinnt, und die Falle darin

Helle Akzente gewinnen wirklich. Eine gesättigte Farbe auf #0F0F0F liest sich intensiver als dieselbe Farbe auf Weiß, und ein einzelnes helles Element in einer dunklen Komposition hat mehr Präsenz als in einer hellen.

Die Falle ist, dass das auch für die Nachbarn gilt. Im dunklen Theme ist jedes Thumbnail der Reihe relativ zu seiner Umgebung heller, der Vorteil ist also geteilt, und die Reihe wird lauter statt deine Kachel klarer. Die relative Sichtbarkeit ändert sich nicht, nur das Gesamtniveau — deshalb kann ein Entwurf, der auf heller Seite durch das Hellste gewinnt, auf dunkler unauffällig sein.

Die Silhouette des Motivs beginnt zu zählen

Auf weißer Seite ist ein dunkles Motiv durch die Bildkante von der Seite getrennt, egal wie es beleuchtet ist. Auf dunkler Seite muss diese Trennung aus dem Bild selbst kommen, und dunkles Haar, dunkle Kleidung oder ein dunkler Hintergrund gegen #0F0F0F setzen sich einfach über die Grenze hinaus fort.

Der Effekt: das Thumbnail wirkt in den beiden Themes anders beschnitten. Auf Dunkel werden die fast schwarzen Teile deiner Komposition als Seite und nicht als Bild gelesen, und die sichtbare Form der Kachel ist, was übrig bleibt. Ein Motiv vor dunklem Hintergrund kann den oberen Teil des Kopfes an die Seite verlieren.

Die Lösung ist nicht mehr Helligkeit überall. Es ist ein Saum Trennung dort, wo das Motiv auf die Bildkante trifft: ein hellerer Hintergrundstreifen dahinter, ein Licht hinter der Schulter, oder das Motiv einfach nach innen setzen, damit die Kante von einem Mittelton getragen wird.

Entwirf zuerst auf dem dunkleren Grund

Die billigste Änderung in diesem ganzen Leitfaden ist eine Änderung der Arbeitsreihenfolge: baue das Thumbnail auf dunkler Leinwand und prüfe es danach auf Weiß.

Es funktioniert, weil die Fehler in eine Richtung laufen. Ein Entwurf, der auf Dunkel hält, hält fast immer auch auf Weiß — die Vignetten und Schatten, auf die du dich gestützt hättest, wurden nie hinzugefügt, die Komposition musste sich also selbst tragen. Umgekehrt gilt das nicht: ein auf Weiß gebauter Entwurf hängt regelmäßig genau an den Fast-Schwarz-Techniken, die die dunkle Seite löscht.

Es ist dasselbe Argument wie das Entwerfen in der Größe, in der das Thumbnail gesehen wird, statt in voller Größe: arbeite unter der härteren Bedingung, dann kommt der leichte Fall gratis.

Im dunklen Modus konkurriert dein Text mit dem der Oberfläche

Hier ist die Asymmetrie, mit der fast niemand rechnet. Der Videotitel steht direkt unter dem Thumbnail, und seine Farbe kippt mit dem Theme: dunkler Text auf der hellen Seite, heller Text auf der dunklen.

Im hellen Theme sind weißer Thumbnail-Text und dunkler Titel also zwei verschiedene Dinge und werden als zwei gelesen. Im dunklen sind beide heller Text auf Dunkel, mit wenigen Pixeln Abstand gestapelt — und das Auge liest das Paar als einen Textblock, in dem deine Schlagzeile schlicht die erste Zeile ist.

Das ist das stärkste Argument dagegen, den Titel ins Thumbnail zu schreiben, und es zeigt sich nur im dunklen Modus. Zwei Zeilen fast gleichen weißen Textes, die fast Gleiches sagen, sind keine Betonung; es ist eine Botschaft, die doppelt so viel Platz nimmt. Die Frage des Paares behandelt der Leitfaden zur Klickrate ausführlicher.

Die Frage des weißen Rands

Eine weiße oder knallige Kontur um das ganze Bild ist die Standardantwort auf den dunklen Modus, und sie löst die Grenze tatsächlich. Zwei Einschränkungen, und die erste ist nicht die offensichtliche.

Sie ist im hellen Theme unsichtbar — derselbe 1,0:1-Fall, der weiße Kanten dort nutzlos macht — ein für Dunkel gewählter Rand ist also für die Hälfte des Publikums kein Rand. Und er ändert, was das Thumbnail ist: ein gerahmtes Bild liest sich als Foto einer Sache, ein ungerahmtes als die Sache. Das ist ein echter Tausch, den man absichtlich machen sollte und nicht als Notlösung.

Die Prüfung, in der Reihenfolge, die Probleme findet

Drei Blicke, und der erste erwischt das meiste.

1. Das Theme unter derselben Datei umschaltenNicht zwei Exporte — dasselbe Thumbnail gegen beide Gründe. Du suchst, was auftaucht oder verschwindet, nicht was schöner aussieht.
2. Auf Dunkel die Augen zusammenkneifenDie eigene Sicht zu verwischen reduziert den Entwurf auf helle und dunkle Massen — ungefähr das, was die Kachelgröße tut. Verschmelzen Motiv und Hintergrund, hilft kein Rand; die Komposition hilft.
3. Die Reihe ansehen, nicht die KachelIm dunklen Theme ist alles heller, dein Thumbnail allein zu beurteilen überschätzt es also. Neben den Nachbarn ist die einzige Ansicht, die sagt, was du wirklich gewonnen hast.

Du kannst nur eine Datei hochladen

Klar gesagt, weil die Frage kommt: es gibt keine Möglichkeit, Zuschauern im dunklen und im hellen Modus verschiedene Thumbnails auszuliefern. Eine Datei, zwei Gründe, ausgewählt von jemand anderem.

Damit wird die ganze Frage zu einer einzigen Entwurfsbedingung und nicht zu einer Vorliebe. Das Thumbnail, das du willst, ist nicht das, das auf einem der Themes am besten aussieht — es ist das, dessen schlechterer Fall noch gut ist, genau wie eine Farbe nur so viel taugt wie ihr schlechterer Grund.

Häufige Fragen dazu