Grafischer Leitfaden für CaptchaAd-Branded Player DOKUMENTATION

Transkript

1 Grafischer Leitfaden für CaptchaAd-Branded Player Stand: Wenn ein CaptchaAd-Branded Player gestaltet werden soll, dann sind Voraussetzungen zu beachten, die in diesem Dokument zusammengefasst werden. Beispiel-PSD-Dateien zum Download (entsprechenden roten Text anklicken): Standard-Format {300x250} / XL-Format {600x400} Was ist der CaptchaAd-Branded Player... 2 N - Format {300 x 250}... 2 geschützte Bereiche 3 Audio-Symbol 3 Eingabefeld 3 Weiter-Button 4 XL - Format {600 x 400}... 4 geschützte Bereiche 5 Audio-Symbol 6 Eingabefeld 6 Weiter-Button 6 Angelieferte Daten... 7 Postion der Frage... 7 Schriften... 7 Transparenzen / Ausnahmen / Sonderfälle... 7 Video... 7 Beispiele x x /8

2 Was ist der CaptchaAd-Branded Player Grob zusammengefasst erlaubt der»branded Player«ein Video auf ganzer Fläche im Hintergrund abzuspielen, auf dem oben und unten grafische Elemente platziert werden können. Im oberen und unteren Bereich erlaubt CaptchaAd den Werbetreibenden Grafiken zu platzieren, die passend zu dem gelieferten Video (das in der Mitte abgespielt wird) und der Marke gestaltet werden können. Der obere Bereich steht dabei in ganzer Breite bis auf den Bereich des Audio-AN/AUS-Symbols zur Verfügung. Hinter diesem Audio-Symbol können aber auch problemlos neutrale Grafiken platziert werden. Für Details siehe:»audio-symbol«weiter unten. Im unteren Bereich erlauben wir hinter dem Eingabefeld und dem Weiter-Button Grafiken zu platzieren - auf gesamter Breite, aber immer durch diese beiden Felder überdeckt. In der Mitte des Players erscheint in regelmäßigen Abständen eine Fragestellung, bei der nur die Position auf Wunsch genauer definiert werden kann. Es stehen zwei verschiedene Formate des Players zur Verfügung: N (Standard) und XL, die im Folgenden in ihren Abmessungen und Spezialitäten näher definiert werden. N - Format {300 x 250} Dieses Format ist ein gelungener Kompromiss aus Dateigröße für die zu ladenden Videos und einem gebräuchlichen Werbeformat. Hier ein paar Fakten: Gesamtformat (absolut) Branding-Grafik oben (ideal) Branding-Grafik unten (ideal) 300 x 250 Pixel 300 x 40 Pixel 300 x 40 Pixel In der folgenden Grafik werden die inneren Abmessungen einzeln aufgeschlüsselt. 2/8

3 geschützte Bereiche Der CaptchaAd-Player benötigt einige Elemente, die unbedingt notwendig sind, um seine Funktionalität zu gewährleisten. Im der folgenden Grafik symbolisch durch rote Felder hervorgehoben. Konkret handelt sich dabei um: den Bereich oben rechts für das Audio-Symbol, mit dem der User den Ton im Video ein- und ausschalten kann. das Eingabefeld am unteren Rand des Players, in die der User seine Antwort zur Frage eingibt den Weiter-Button am unteren Rand des Players, rechts neben dem Eingabefeld Audio-Symbol Das Audio-Symbol, mit dem der User die Ausgabe der Tonspur ein- und ausschalten kann, befindet sich im oberen, rechten Bereich. Neutraler Hintergrund kann dort problemlos platziert werden. Auch die Farbe des Audio-Symbols kann angepasst werden. Schwarz oder weiß wählen wir automatisch, je nach Hintergrundfarbe. Sie können uns aber auch eine Wunschfarbe in ihren Entwürfen mitteilen. Nur in besonderen Ausnahmefällen können wir das Symbol selbst abändern. Dafür wird jedoch mehr Vorlaufzeit benötigt, d.h. das wir solche Sonderwünsche nicht umsetzen können, wenn uns diese 40 x 40 Pixel in der rechten, oberen Ecke Eingabefeld Hinter dem Eingabefeld können Sie Grafiken platzieren und damit den Player individualisieren. Das Eingabefeld selbst kann nicht verändert werden. Farben und lassen sich leicht anpassen. Grafiken in diesem Feld zu platzieren, ist deutlich aufwändiger. 3/8

4 200 x 20 Pixel in der linken, unteren Ecke Eckenradius 5 Pixel Abstand von links: 10 Pixel Abstand von unten: 10 Pixel Text:»Gib hier Deine Antwort ein...«hintergrund-farbe: #FFFFFF, Text-Farbe: # / # Weiter-Button Hinter dem Weiter-Button können Sie Grafiken platzieren und damit den Player individualisieren. Der Weiter-Button selbst kann nicht verändert werden. Farben und lassen sich leicht anpassen. Grafiken in diesem Button zu platzieren, ist deutlich aufwändiger. 80 x 20 Pixel in der rechten, unteren Ecke Eckenradius 5 Pixel Abstand von rechts: 10 Pixel Abstand von unten: 10 Pixel Text:»weiter«Hintergrund-Farbe: #AF0019, Text-Farbe: #FFFFFF XL - Format {600 x 400} Für mehr Eindruck sorgt dieses Großformat, in dem Video-Inhalte und -Wirkung besonders im Vordergund stehen. Hier ein paar Fakten: Gesamtformat (absolut) Branding-Grafik oben (ideal) Branding-Grafik unten (ideal) 600 x 400 Pixel 600 x 40 Pixel 600 x 40 Pixel 4/8

5 In der folgenden Grafik werden die inneren Abmessungen einzeln aufgeschlüsselt. geschützte Bereiche Der CaptchaAd-Player benötigt einige Elemente, die unbedingt notwendig sind, um seine Funktionalität zu gewährleisten. Im der folgenden Grafik symbolisch durch rote Felder hervorgehoben. Konkret handelt sich dabei um: den Bereich oben rechts für das Audio-Symbol, mit dem der User den Ton im Video ein- und ausschalten kann. das Eingabefeld am unteren Rand des Players, in die der User seine Antwort zur Frage eingibt den Weiter-Button am unteren Rand des Players, rechts neben dem Eingabefeld 5/8

6 Audio-Symbol Das Audio-Symbol, mit dem der User die Ausgabe der Tonspur ein- und ausschalten kann, befindet sich im oberen, rechten Bereich. Neutraler Hintergrund kann dort problemlos platziert werden. Auch die Farbe des Audio-Symbols kann angepasst werden. Schwarz oder weiß wählen wir automatisch, je nach Hintergrundfarbe. Sie können uns aber auch eine Wunschfarbe in ihren Entwürfen mitteilen. 40 x 40 Pixel in der rechten, oberen Ecke Eingabefeld Hinter dem Eingabefeld können Sie Grafiken platzieren und damit den Player individualisieren. Das Eingabefeld selbst kann nicht verändert werden. Farben und lassen sich leicht anpassen. Grafiken in diesem Feld zu platzieren, ist deutlich aufwändiger. 500 x 20 Pixel in der linken, unteren Ecke Eckenradius 5 Pixel Abstand von links: 10 Pixel Abstand von unten: 10 Pixel Text:»Gib hier Deine Antwort ein...«hintergrund-farbe: #FFFFFF, Text-Farbe: # / # Weiter-Button Hinter dem Weiter-Button können Sie Grafiken platzieren und damit den Player individualisieren. Der Weiter-Button selbst kann nicht verändert werden. Farben und lassen sich leicht anpassen. Grafiken in diesem Button zu platzieren, ist deutlich aufwändiger. 80 x 20 Pixel in der rechten, unteren Ecke Eckenradius 5 Pixel Abstand von rechts: 10 Pixel Abstand von unten: 10 Pixel Text:»weiter«Hintergrund-Farbe: #AF0019, Text-Farbe: #FFFFFF 6/8

7 Angelieferte Daten Wenn Sie uns Daten für das Branding liefern, dann sollten diese möglichst PSD-Daten sein, in denen einzelne Ebenen noch vorhanden sind. Das erlaubt uns noch minimale Anpassungen. Als weitere Möglichkeit bieten sich auch einzelne JPG-, PNG- oder GIF-Dateien für jeweils das obere und unter Branding an. In diesem Fall lassen sich aber keine Feinabstimmungen mehr von uns durchführen und wir müssen im Notfall neue Daten von Ihnen erfragen. Beispiel-PSD-Dateien zum Download (entsprechenden roten Text anklicken): Standard-Format {300x250} / XL-Format {600x400} Position der Frage Im Normalfall wird die Frage genau in der Mitte des Players angeordnet. Sollten Sie aufgrund ihres Video-Materials wünschen, müssen Sie uns dieses explizit mitteilen. Die Höhe des Hintergrunds hinter der Frage ist abhängig von Länge des Textes der Frage. Sie beträgt in der Regel 20 Pixel und bei besonders langen Fragen 40 Pixel. Schriften Im Player verwendete Schriften für das Eingabefeld, das Feld mit der Fragestellung und den Weiter- Button sollten nicht geändert werden. Transparenzen / Ausnahmen / Sonderfälle Für die Balken oben und unten ist immer eine Höhe von 40 Pixeln vorgesehen. Ausnahmen aller Art müssen immer mit uns abgesprochen werden. Wollen Sie Teile des Brandings transparent gestalten, müssen Sie uns die entsprechenden Rohmaterialien liefern, im Idealfall eine PSD-Datei oder transparente PNG-24-Daten. In den Beispielen unten sehen sie auch Sonderfälle, in denen einzelne Elemente aus dem Bereich der Balken oben und unten heraus ragen. Auch das bitte mit uns absprechen und in ihren Daten so anlegen, dass Transparenzen und einzelne Elemente NICHT auf eine Ebene reduziert wurden. Video Das Format des Video, also dessen Abmessungen in Pixel, muss dem Gesamtformat des gewünschten Players entsprechen x 250 oder 600 x 400 Pixel. Je nach Gestaltung des Brandings, das auf jeden Fall über dem Video liegt, müssen sie darauf achten, dass die Bereiche am oberen und unteren Rand verdeckt werden. Ideale Formate sind MOV-Daten oder MP4-Daten. Unübliche Codecs sorgen für Probleme bei der Weiterverarbeitung. Wenn Sie FLV-Daten anliefern, die nicht bereits das gewünschte Format haben, dann kann es zu erheblichen Verlusten bei der Weiterverarbeitung kommen. Beispiele Beispiel-PSD-Dateien zum Download (entsprechenden roten Text anklicken): Standard-Format {300x250} / XL-Format {600x400} 7/8

8 300 x x 400 Der Diktator» weitere folgen 8/8