Zum Hauptinhalt springen
Design

Deine Farben, schon ab dem ersten Bild

· 3 Min. Lesezeit

Das Erste, was du an einem Film über dein Geschäft prüfst, ist, ob er nach deinem Geschäft aussieht. Bis heute antworteten die ersten Sekunden vieler PageToVid-Filme mit einem dunkelroten Schleier, auf weißen Hero-Bereichen, blauen Dashboards und goldenen Ladenfronten gleichermaßen. Jetzt gehört das erste Bild deiner Seite.

Eine Regienotiz, die zum Filter wurde

Jede Szene in einem PageToVid-Storyboard trägt eine Stimmung. Das ist ein Schnitthinweis, ein bisschen wie eine Notiz am Rand eines Regisseurs: „Erfolg“ für eine Pointe, „Problem“ für den Schmerz, den ein Produkt löst. Der Renderer übersetzt diese Stimmungen in kleine visuelle Entscheidungen.

Für „Problem“ war die Entscheidung kräftig: ein roter Schleier über dem Bild, eine langsam atmende rote Vignette an den Rändern und ein Schwanken von etwa einem Pixel, um Unruhe anzudeuten. In einer einzelnen dramatischen Szene mitten im Film kann das funktionieren.

Der Haken war, wo es landete. Der Planer markiert den Aufhänger am Anfang in fast jedem Film als „Problem“, weil ein Aufhänger meist den Schmerz des Zuschauers benennt, bevor er die Antwort zeigt. Auf dem Papier sinnvoll, legte die Regel dasselbe Rot über fast jeden Einstieg.

Warum eine eingefärbte Seite der falsche erste Eindruck ist

Viele Einstiege nebeneinander machten es offensichtlich. Ein weißer Hero-Bereich, ein blaues Dashboard, ein gold-brauner Fahrradladen: alle im selben Weinrot. Auch die Untertitel standen darin, was ihrem Kontrast nicht half.

Es gibt einen tieferen Grund, die Seite eines anderen in Ruhe zu lassen. Wer ein Geschäft führt, beurteilt einen Film zuerst danach, ob er nach dem eigenen Produkt aussieht. Ein Filter, der in der ersten Sekunde die Farben verändert, sagt: Der Film handelt von unserem Effekt, nicht von deiner Seite. Der Effekt war für eine Szene gedacht und war unbemerkt zum Look jedes Einstiegs geworden.

Die Spannung behalten, aber in den Schnitt verlegen

Die Stimmung selbst haben wir behalten. Ein Aufhänger ist weiterhin ein anderer Moment als eine Pointe, und der Film soll das spüren lassen. Wir haben dieses Gefühl vom Bild in den Schnitt verlegt:

  • die Überlagerung malt bei „Problem“ nichts mehr, und das Schwanken ist weg;
  • der Schnitt in die Szene trägt den Ton, wo ein harter Übergang oder ein Blitz ihn noch markieren kann;
  • auch die Energie der Kartenbewegung der Szene trägt ihn, gewählt von unserem Motion-System;
  • das sanfte, seltene Leuchten von „Erfolg“ bleibt unverändert.

Ein gespeicherter Look mit einer „negativen“ Farbe funktioniert weiter, kein Stil bricht, aber diese Farbe wird nicht mehr über das Video gemalt. Die Anweisungen des Planers und unsere Referenzseiten beschreiben jetzt, was die Stimmung wirklich tut, und ein Test hält das fest.

Eine einfarbige Marke behält ihre eigenen Töne

Derselbe Fahrradladen warf eine zweite Farbfrage auf. Seine ganze Palette ist Gold und Dunkelbraun, trotzdem kamen seine gestalteten Karten in unserem hauseigenen Indigo heraus.

Die Ursache war eine Regel in unserer Markenfarbenwahl. Bei der Suche nach einem zweiten Akzent übersprang sie jede Farbe, die weniger als 18 Grad Farbton vom ersten entfernt lag, damit sich die beiden Akzente unterscheiden. Eine Marke mit nur einem Farbton hat nichts anderes zu bieten, also griff die Auswahl zu unserer Standardfarbe.

Jetzt behält sie eine Farbe desselben Tons, wenn sich ihre Helligkeit klar unterscheidet. Eine einfarbige Marke bekommt ihren eigenen dunkleren Ton als zweiten Akzent, oft genau den, der auf hellem Grund lesbar bleibt, wo das Gold es nicht ist. Eine Website mit eigenen Farben bekommt nie die eines anderen, auch nicht unsere. Wie wir eine Marke erfassen, liest du unter /features.

Deine Seite zeigen, wie sie ist

Beide Änderungen folgen derselben Idee. Eine Voreinstellung, die für sich vernünftig ist, ein Spannungseffekt oder eine Regel über unterschiedliche Farbtöne, kann zum Look des Produkts werden, sobald sie in jedem Film läuft.

Deshalb beurteilen wir solche Entscheidungen so, wie Zuschauer ihnen begegnen: viele Einstiege nebeneinander, Bild für Bild, auf echten Websites mit sehr unterschiedlichen Paletten. Und wir behandeln die Farben einer Marke als das, was ein Film schützen muss. Unsere Aufgabe ist, deine Seite zu zeigen, wie sie ist, so klar wie möglich, ab dem ersten Bild. Probier es mit deiner eigenen Website unter /new.

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