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
