Zum Hauptinhalt springen
Design

Untertitel in einer Farbe, gewählt für jeden Film

· 4 Min. Lesezeit

Ein einziges Standbild reichte. Weiße Wörter mit einem dicken orangefarbenen Rand, und das letzte Wort des Satzes allein in einer zweiten Zeile. Nichts war kaputt, und doch wirkte es seltsam, wie ein Untertitel, der sich zu sehr bemüht.

Ein Untertitel, der sich zu sehr bemühte

Im Lauf des Herbstes waren unsere Untertitel zu einem kleinen Werkzeugkasten geworden. Es gab fünf Looks: eine Pille mit dem gesprochenen Wort auf einer Platte in Markenfarbe, große Versalien, eine Kachel pro Wort, eine ruhige Bauchbinde und weiße Schrift mit farbiger Kontur. Dazu konnte das gesprochene Wort wachsen, hüpfen, leuchten oder gleiten, und markierte Wörter nahmen die Markenfarbe an.

Jede Option hatte ihren Grund. Zusammen ergaben sie Untertitel, die mit dem Film konkurrierten. Einen Untertitel liest du in einem Bruchteil einer Sekunde, und jeder Effekt ist eine Sache mehr, die das Auge entschlüsseln muss, bevor es zum Bild zurückkehrt.

Das Standbild, das wir zurückbekamen, sagte es klar: kein Rand, eine Farbe, schlichte Wörter. Und eine zweite Notiz, genauso deutlich: auch nicht immer Schwarz. Die Farbe soll zum Film passen.

Worin sich Profis für Untertitel einig sind

Bevor wir irgendetwas zeichneten, haben wir gelesen, was Sender, die Styleguides der Plattformen und die Leseforschung sagen. In ein paar Punkten sind sie sich einig:

  • Kontrast macht einen Untertitel lesbar. Text sollte gegen das, was direkt dahinter liegt, mindestens 4,5:1 halten, die Grenze für Barrierefreiheit, und mehr ist besser.
  • Ein Schatten allein reicht über hellem Bild nicht. Weiße Wörter mit dunklem Schatten auf einer weißen Seite werden zu Grau auf Weiß.
  • Höchstens zwei Zeilen, getrennt dort, wo der Satz atmet. Eye-Tracking-Studien zu Zeilenumbrüchen zeigen, dass Zuschauer Umbrüche an Satzgliedgrenzen bevorzugen und schlecht getrennte Zeilen mehr Mühe kosten.
  • Ruhige Wörter. In Film und Fernsehen werden Untertitel nicht Wort für Wort animiert. Sie erscheinen, werden gelesen und gehen.

Nichts davon braucht einen Kasten, eine Kontur oder ein leuchtendes Wort. Es braucht die richtige Farbe an der richtigen Stelle.

Ein Untertitel, fünf Namen

Deshalb zeichnet jeder Untertitelstil jetzt denselben Untertitel. Alle Wörter haben eine Farbe, die ganze Zeit. Keine Platte, keine Kacheln, keine Kontur, kein Wachsen und kein Leuchten. Der Text steht in normaler Groß- und Kleinschreibung, fett, aber nicht schwer, mit einem vollen Leerzeichen zwischen den Wörtern.

Die fünf Stilnamen bleiben, weil Filme, Looks und die Optionen unserer Assistenten sie schon verwenden. Sie unterscheiden sich nur noch in der Größe: Der große Stil ist eine Nummer größer für Filme, die fürs Smartphone gedacht sind, der kleine bleibt eine ruhige Bauchbinde. Animations- und Hervorhebungseinstellungen werden weiter angenommen, und der Editor sagt klar, dass sie die Zeichnung nicht mehr ändern.

Lesbarkeit entsteht durch Kontrast und einen weichen, mehrschichtigen Halo: einen engen Kern, der jeden Buchstaben vom Bild löst, und einen weiteren Verlauf um das Wort. Das liest sich als klare Schrift, nicht als Rand.

Eine Farbe für jedes Bild

Eine Farbe pro Film heißt nicht dieselbe Farbe für alle Filme. Der Renderer misst bereits, wie hell die Seiten jeder Website sind, und der Untertitel wählt seine Tinte jetzt danach, was wirklich hinter ihm liegt:

  • Über einem dunklen Bild ist die Tinte ein Weiß mit einem Hauch der Marke, auf einem Halo im tiefsten Ton dieser Marke. Eine marineblaue Marke bekommt einen marineblauen Halo, eine grüne ein Waldgrün. Das Paar hält mindestens 15:1.
  • Über einer hellen Seite wird die Tinte zum tiefen Ton der Marke, mindestens 7:1 auf Weiß, mit einem weichen weißen Halo.
  • Unter einem Browserfenster im Querformat liegt der Untertitel auf dem dunklen Hintergrund des Films, nicht auf der Seite, und nimmt deshalb die helle Tinte, auch wenn die Website weiß ist.

Liegt dunkle Tinte über einer weißen Seite, wird auch der sanfte Verlauf am unteren Bildrand weiß. Auf einer weißen Seite siehst du ihn nicht als Form, aber er räumt den kleinen Text der Seite hinter den Wörtern weg.

Zwei Zeilen, ein Gedanke

Das Ausgangsbild hatte ein zweites Problem: Der Untertitel füllte seine erste Zeile und ließ das letzte Wort samt Komma in eine eigene Zeile fallen.

Ein Untertitel, der zwei Zeilen braucht, wird jetzt dort getrennt, wo die längere Zeile so kurz wie möglich wird, sodass beide Zeilen ausgewogen sind. Ist ein Umbruch direkt nach einem Satzzeichen fast genauso ausgewogen, gewinnt er, denn am Komma macht der Satz eine Pause. Eine Telefonnummer oder eine Zahl mit ihrer Einheit wird nie getrennt, und ein Untertitel ab vier Wörtern lässt nie eines allein.

Der Satz aus jenem Bild steht jetzt als „Concevez votre“ oben und „bois sur mesure,“ unten: zwei Teile eines Gedankens, auf einen Blick gelesen.

Was sich in deinen Filmen ändert

Jeder Film, der ab heute gerendert wird, hat dieselben ruhigen Untertitel: eine Farbe, kein Kasten, kein Rand, höchstens zwei ausgewogene Zeilen. Die Farbe wird für deine Marke und für das Bild hinter den Wörtern gewählt. So bekommen eine weiße Landingpage, ein dunkles Dashboard und eine farbige Karte jeweils einen Untertitel, der sich lesen lässt, in einem Ton, der zum Film gehört.

Du musst nichts einstellen. Hast du einen Untertitelstil gewählt, behält er seine Größe. Hast du eine Animation gewählt, bleiben die Wörter jetzt ruhig. Ein Untertitel ist zum Lesen da, und jetzt tritt er zurück, sobald er gelesen ist.

Sieh es auf deiner eigenen Website

Füge eine Seite ein und bekomme das vertonte Video, um das es in diesem Blog geht. Das erste ist kostenlos.

Erstes Video gratis · keine Kreditkarte · in Minuten fertig

← Alle Artikel