Spezifikationen AUTO BILD Tablet App. Stand: 19. Juli 2013

Transkript

1 Spezifikationen AUTO BILD Tablet App Stand: 19. Juli AUTO BILD Tablet App Spezifikationen

2 Informationen zur AUTO BILD Tablet App Die AUTO BILD Tablet App:...gibt es für ios- und Android Tablets...ist im Hoch- und im Querformat zu lesen...erscheint wöchentlich immer donnerstags ab 22 Uhr Anlieferung der Daten: Indesign CS 5.5, inkl. Verknüpfungen und Schriften 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. HTML-Daten: siehe Seite AUTO BILD Tablet App Spezifikationen

3 Informationen zu HTML HTML läuft nicht auf Android-Tablets! Nur für ios Tablets Es ist aber möglich eine extra Anzeige für Android-Tablets abzugeben (z.b. statisches Bild, mit Weblink, mit Hotspots oder mit Video) 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. Dieses Startbild wird auch für die Vorschau-Übersicht verwendet. 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 Datenlimit: 20MB AUTO BILD Tablet App Spezifikationen

4 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 Format: MP3 Bildlauffähiger Bereich: Bildlauffähige Bereiche werden in Indesign über die Montage fläche hinaus angelegt. Es ist eine Art Band, das durch das Layout gewischt werden kann. Bildergalerien: Hierbei 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 die Größe 2048x1536 Pixel bei 72 dpi angeliefert werden. (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 werden durch einen Schließen Button wieder geschlossen. 360 : Eine Bildfolge (durchnummerierte JPEGs), die für Produktansichten oder Bildsequenzen geeignet ist. Panorama: Es sind 6 Bilder nötig, die eine Projektion auf einen 6-seitigen Würfel darstellen, auch kubische Projektion genannt. Nur für ios Tablets Reveal: Hierbei werden 2 Bilder (JPG oder PNG) übereinander gelegt. Durch wischen über das obere Bild wird das untere Bild frei gewischt AUTO BILD Tablet App Spezifikationen

5 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 1024x768 bzw. 768x1024) beläuft sich dieser Bereich dementsprechend auf 80 Pixel Abstand zum unteren Rand und je 44 Pixel Abstand nach rechts und links AUTO BILD Tablet App Spezifikationen

6 Informationen zusammengefasst Beschreibung Größe Querformat Größe Hochformat Anlieferungsformat Farbraum HTML Anlieferung Nur für ios Tablets Finale HTML Größe Video Verlinkung im Webbrowser App-eigene Features Erstkontakt/Vorlaufzeit Finale Datenabgabe Anlieferung 2048 x 1536 Pixel, 72 dpi; 1536 x 2048 Pixel, 72 dpi; Anlieferung als Adobe Indesign Dokument (CS5.5) oder PSD-Dokument (CS5) mit klar strukturierten Ebenen, srgb srgb HTML-Container Querformat: 1024x768, Hochformat: 768x1024 Wischfunktionen in der Horizontalen vermeiden Startbild: Querformat: 2048x1536px, Hochformat: 1536x2048px, 72dpi, srgb WICHTIG: HTML platzierte Bilder müssen die doppelte Größe haben und 50% verkleinert eingesetzt werden. Maximal 20MB Mp4, H.264 Codec, Datenrate 1,6 MBit/sec, nur 1 Video pro Anzeige, Empfohlene Länge: 30 Sec., < 15 MB Durch Pop-Ups innerhalb der App, da sonst der User die App verlässt. Video- und Audiointegration Webverlinkungen Bildlauffähiger-Bereich: durch Wischen slidebar Bildgalerie: durch Wischen anschaubar, durch Tippen Seiten füllend HotSpots (Ein- und ausblenden von Ebenen) Konfigurator ohne HTML, 360 Panorama Reveal 3 Wochen vor Erscheinungstermin bei Sandra Natasadu (siehe letzte Seite) 1 Woche vor Erscheinungstermin an Sandra Natasadu (siehe letzte Seite) AUTO BILD Tablet App Spezifikationen

7 Banner im Kiosk der AutoBild Anlieferung der Daten: Photoshop CS 5, JPG, srgb-farbraum Format 1: 1416 x 360 Pixel, 72 dpi Format 2: 1928 x 360 Pixel, 72 dpi Beispiel: Format 1: 1416 x 360 Pixel, 72 dpi Format 2: 1928 x 360 Pixel, 72 dpi AUTO BILD Tablet App Spezifikationen

8 Hilfe und Kontakt 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: Muster-Datei Photoshop CS 5, Hoch- und Querformat: Bei Fragen zu den Spezifikationen wenden Sie sich bitte an: Hasselbrookstraße 67 a Hamburg Telefon Mobil sandra@natasadu.de AUTO BILD Tablet App Spezifikationen