1/1 Seite Apps

Rollingstone Besonderheiten

Landscape 2048 x 1536 bei 264 dpi – printorientiert, Indesign: 2048 x 1536 Pixel). Die App wird nur in Landscape ausgeliefert.

Größe:Maximal 20MB

Vorlaufzeit: Zum Anzeigenschluss (oder nach Rücksprache)

Anlieferung & Aufbau

Informationen zu systeminternen Animationsmöglichkeiten

Video: Das Videomaterial sollte wie folgt angeliefert werden: Mp4, H.264 Codec, Datenrate 1,6 MBit/sec, Auflösung: 768×432. Format: MP4, nicht größer als 20 MB
Es ist nur eine Videoinstanz pro Format und Anzeige möglich. Die empfohlene Videolänge liegt bei maximal 30 Sekunden.
Links: Eine In-App Browser Verlinkung ist nach Absprache möglich. Die Landingpage wird innerhalb der App geöffnet.
Achtung: Bitte verlinken Sie auf keine Webseiten, die Flash-basierte Inhalte zeigen.
Mögliche Funktionen: Hotspots, Popups, Diashows, Zooming, scrollable Content, Werblinks, 360°-Ansichten, Panorama-Ansichten, Video, Sound, weitere Seiten in vertikaler Richtung, HTML5-Inhalte (bsp. Animationen oder performante In-App-Apps)
Bildergalerien: Die Maximalanzahl der Bilder ergibt sich aus dem Arbeitsspeicherlimit (empfohlen ca. 3 / max. 5-10), sRGB

Bereitstellungsformat

Grafikmaterial: Einzelne Bilder, bei Animationen wenn möglich mit Beispielanimation (animiertes GIF oder ähnliches), wenn einzelne Elemente animiert werden sollen, dann als PSD Anlieferung möglichst als Adobe Indesign Dokument
Videomaterial: MP4-Container & H.264 Codec + PreRoll Bild

Sonstige Anforderungen:

Grafikmaterial:

Videomaterial:

Landscape 2048 x 1536 Pixel, 72 dpi; Portrait: 1536 x 2048 Pixel, 72 dpi

Größe: Maximal 20MB

Vorlaufzeit: Erstkontakt 3 Wochen vor Erscheinungstermin / finale Datenabgabe 1 Woche vor Erscheinungstermin

Anlieferung & Aufbau

Photoshop CS 5, mit klar strukturierten Ebenen, und in Vektor umgewandelten Schriften
Hochformat: 1536 x 2048 Pixel bei 72 dpi
Querformat: 2048 x 1536 Pixel bei 72 dpi
Bitte bei der Gestaltung beachten: Die App-eigene Navigation darf keine interaktiven Elemente beinhalten. Somit keine Buttons, Links, Schieber im Bereich 88 Pixel links und rechts,160 Pixel unten.
Indesign CS 5.5, inkl. Verknüpfungen und Schriften

Informationen zu HTML

HTML läuft nicht auf Android-Tablets!
Die index.html muss folgend angelegt werden:Querformat: 1024x768px, Hochformat: 768x1024px
Die in der index.html platzierten Bilder müssen die doppelte Größe haben (2048x1536px) und 50% verkleinert eingesetzt werden. Das ist notwendig, um für das Retina-Display die optimale Auflösung zu erreichen.
Bei einer Vollformatigen HTML Anzeige wird ein Startbild benötigt (Hoch- und Querformat), welches in Indesign platziert wird. Dies verhindert, dass der Bildschirm während des Ladevorgangs leer ist.
Querformat: 2048x1536px, Hochformat: 1536x2048px, 72dpi, sRGB
Programmierungen die auf eine Wischfunktion eingehen möglichst in der Horizontalen vermeiden, da es mit der App-eigenen Navigation kollidiert. Wischen von oben nach unten ist unproblematisch

Informationen zu systeminternen Animationsmöglichkeiten

Video: Das Videomaterial muss optimiert angeliefert werden. Möglich ist es, den Film automatisch starten zu lassen, per Navigation (Video-Button) zu starten oder automatisch im Vollbildmodus anzuzeigen. Der Film wird ohne Loop (ohne Endlosschleife) angezeigt. Die App-eigenen Video-Bedienelemente können nicht gestaltet werden.

Format: MP4, nicht größer als 15 MB
Links: Alle WEB-LINKs werden im Pop-up-Browser geöffnet, damit der User die App nicht verlässt.
Audio: Audio-Dateien können integriert werden, automatisch startend oder mit Navigation. Die App-eigenen Audio-Bedienelemente können nicht gestaltet werden.
Bildlauffähiger Bereich: Bildlauffähige Bereiche werden in Indesign über die Montagefläche hinaus angelegt. Es ist eine Art „Band“, das durch das Layout gewischt werden kann.
Bildergalerien: Bei integrierten Bildgalerien müssen alle Bilder das gleiche Format besitzen. Da bei „Tipp“ auf die Galerie die Bilder seitenfüllend angezeigt werden, müssen alle Bilder auf diese Größe optimiert angeliefert werden.
Format: 2048 x 1536 Pixel bei 72 dpi
Optimale Anzahl: 5 bis maximal 7 Bilder
HotSpots: HotSpots sind Ebenen, die ein- und ausgeblendet werden können. So ist es möglich eine Auswahl, ein anderes Bild, oder alternativen Text durch Tippen anzuzeigen, sie müssen aber durch einen „Schließen Button“ wieder geschlossen werden können.

App-eigene Navigation

Für die App sind jeweils rechts und links 88 Pixel für die Navigation vorgesehen. Durch Tippen in den jeweiligen Bereich springt die App auf die nächste oder vorherige Seite. In diesen Bereichen darf kein interaktives Element vorhanden sein.
Im unteren Bereich ist für die App 160 Pixel vorgesehen. Durch Tippen in diesen Bereich öffnet sich das Übersichtsmenü. Auch hier dürfen keine interaktiven Elemente eingeplant werden.
Auch bei HTML ist es wichtig, den markierten Bereich nicht mit interaktiven Elementen zu belegen. Bei der Programmierung der HTML (in 1024×768 bzw. 768×1024) beläuft sich dieser Bereich dementsprechend auf 80 Pixel Abstand zum unteren Rand und je 44 Pixel Abstand nach rechts und links

Muster-Dateien

Unter folgendem Link können Sie die Muster-Datei downloaden. Diese können Sie als Vorlage für Ihr Layout nutzen.
Muster-Datei InDesign CS 5.5, Hoch- und Querformat: https://dl.dropbox.com/u/18180301/AuBi_Tablet_InDesign.zip
Muster-Datei Photoshop CS 5, Hoch- und Querformat: https://dl.dropbox.com/u/18180301/AuBi_Tablet_Photoshop.zip