DPS: Die richtige Auflösung für iPad, iPhone & Co.

alle Formate von iPad, iPhone

Bevor Sie mit der Umsetzung Ihres Projekts starten, sollten Sie sich Gedanken machen, auf welchen Apple-Geräten Sie Ihre App publizieren möchten. Anschließend sollten Sie entscheiden, wie Sie einen effizienten Workflow gestalten. Beispielsweise können Sie Ihr Projekt mit nur einem Folio auf allen iPads produzieren. Dafür legen Sie alle Indesign-Dokumente in den Abmessungen 1024 x 768 Pixel an. Auf Retina-Geräten wird das Folio automatisch auf die entsprechende Größe skaliert.

Natürlich gibt es einige Kompromisse, die Sie damit eingehen: Fotos sind nicht gestochen scharf, aber für den “normalen” User durchaus akzeptabel. Vorsichtig sollten Sie bei Schaltflächen sein: Diese werden, wenn Sie eine gestaltete Schaltfläche haben, gerastert dargestellt (siehe Tipp: Gerasterte Schaltfläche).
Bei interaktiven Überlagerungen (Overlays) können Sie durch einen Trick jeden Nachteil vermeiden (siehe Tipp: Keine verpixelten Overlays).
Vorteile gibt es selbstverständlich neben dem reduzierten Arbeitsaufwand auch: Eine deutlich geringerer Folio-Download-Größe zum Beispiel.

Wollen Sie Ihre App auch für iPhone und iPod veröffentlichen, steigt der Aufwand unter Umständen deutlich. Grundsätzlich müssen Sie eine Version im Format 960 x 640 Pixel (iPhone 4/4s und iPod Touch) anlegen. Das iPhone 3GS können Sie mittlerweile ignorieren.

Die verschieden Renditions im Überblick

Display-Auflösung

Seitenverhältnis

(SD/HD)

iPhone 3GS

480×320

3:2

SD

iPhone 4/4S und iPod Touch (4)

960×640

3:2

HD

iPhone 5 & iPod Touch (5)

1136×640

16:9

HD

Original iPad, iPad2 & iPad mini

1024×768

4:3

SD

iPad (Retina)

2043×1536

4:3

HD

 

Seit Herbst 2012 hat Apple mit dem iPhone 5 und dem iPod Touch (5. Generation) das Seitenverhältnis auf 16:9 (1136 x 640 Pixel) geändert. Technisch ist es zwar möglich, dasselbe Folio für iPhone 4 etc. (960 x 640 Pixel) zu publizieren. Allerdings zeigt das Display oben und unten einen schwarzen Balken.

DPS: Folio-Overlays scheinen unscharf und pixelig

Bei der Kontrolle Ihres Folios auf dem iPad erscheinen interaktive Überlagerungen wie beispielsweise Texte in “Durchlaufbaren Rahmen” oder Objektstatus-Elemente wie Diashows unscharf und pixelig. Mit einem schnellen Klick lässt sich dieses Problem beheben: 1. Markieren Sie das Objekt mit dem Auswahlwerkzeug. 2. Öffnen Sie die Palette “Folio Overlays”. 3. Aktivieren Sie im ausgewählten Overlay-Unterpunkt (zum […]
Weiter

DPS: Gerasterte Schaltfläche beseitigen

Sie arbeiten mit der effizienten Lösung, eine 1024er Rendition auch auf Retina-Geräten zu veröffentlichen. Auf dem iPad-Display erscheint die Schaltfläche aber gerastert, nicht richtig aufgelöst. Vermutlich haben Sie Ihr Objekt, das als interaktiver Button erscheinen soll, direkt als Schaltfläche umgewandelt. Dieses interaktive Objekt wird als PNG konvertiert und hat damit eine Auflösung von 72 dpi. […]
Weiter

Indesign: Schnell mehrere Bilder platzieren

Sie wissen, wie Sie in Adobe Indesign ein Foto laden können. Jetzt haben Sie eine Auswahl von mehreren Bildern getroffen und möchten alle – zur besseren Übersicht – in Ihrem Dokument platzieren. Anstatt jede Datei einzeln auszuwählen, können Sie mit diesem Trick alle Fotos gleichzeitig laden: 1. Mit dem Shortcut “cmd + D” (in Windows […]
Weiter

Indesign: Sonderfarbe umwandeln oder löschen

In der Farbpalette von Adobe Indesign ist eine Sonderfarbe (beispielsweise HKS oder Pantone) übrig geblieben. Um die Datei im Vierfarbdruck produzieren zu lassen, möchten Sie dieses Farbfeld in CMYK umwandeln oder löschen, das Papierkorb-Symbol der Farbpalette ist aber nicht aktiv. 1. Öffnen Sie – entweder über die Palette (Pfeil oben rechts) oder durch Doppelklick auf […]
Weiter

Schreibe einen Kommentar