Wir erstellen die Screenshots und senden sie dir zur Freigabe. Falls du sie aber selbst oder in einem anderen Stil erstellen möchtest, findest du hier alle Details:
📳 SCREENSHOT-SPEZIFIKATIONEN
Der Apple Store und der Google Playstore haben eigene Vorgaben und Spezifikationen für Screenshots.
Zunächst braucht es (mindestens) 3 Screenshots pro Anzeigetyp. Verpflichtend sind:
3 Screenshots iPhone 6.5" Display
3 Screenshots iPhone 5.5" Display
3 Screenshots iPad Pro (6. Gen.) 12.9" Display
3 Screenshots iPad Pro (2. Gen.) 12.9" Display
3 Screenshots Android-Smartphone
Die Apple-Spezifikationen für Größe und Format findest du hier:
Wenn der Kunde also eigene Screenshots erstellen möchte, muss er diese Vorgaben einhalten.
⚠️ WICHTIG ZU PRÜFEN:
Anzahl der Screenshots
iOS
3 Screenshots iPad2g
3 Screenshots iPadPro129 3g
3 Screenshots iPhone 5.5
3 Screenshots iPhone 6.5
Android
3 Android-Screenshots
Größe der Screenshots
iPhone 6.5”:
1284 x 2778 Pixel (Hochformat)
2778 x 1284 Pixel (Querformat)
1242 x 2688 Pixel (Hochformat)
2688 x 1242 Pixel (Querformat)
iPhone 5.5”:
1242 x 2208 Pixel (Hochformat)
2208 x 1242 Pixel (Querformat)
iPad Pro 2. Generation (12.9" Display)
2048 x 2732 Pixel (Hochformat)
2732 x 2048 Pixel (Querformat)
iPad Pro 3. Generation (12.9" Display)
2048 x 2732 Pixel (Hochformat)
2732 x 2048 Pixel (Querformat)
Android: 1242 x 2208
Name der Screenshots
Beim Herunterladen der Screenshots aus Figma sollten die Namen automatisch korrekt sein. Die Details findest du unten. Erfinde die Benennung der Screenshots nicht selbst!
Der Apple Store verlangt, dass der Name jedes Screenshots den Gerätenamen enthält. Zum Beispiel:
3 Screenshots iPad 2. Generation
screenshot-ios-ipad2g12.9-EN(1) screenshot-ios-ipad2g12.9-NL(1) screenshot-ios-ipad2g12.9-DE(1) screenshot-ios-ipad2g12.9-FR(1)
screenshot-ios-ipad2g12.9-EN(2) screenshot-ios-ipad2g12.9-NL(2) screenshot-ios-ipad2g12.9-DE(2) screenshot-ios-ipad2g12.9-FR(2)
screenshot-ios-ipad2g12.9-EN(3) screenshot-ios-ipad2g12.9-NL(3) screenshot-ios-ipad2g12.9-DE(3) screenshot-ios-ipad2g12.9-FR(3)
3 Screenshots iPad 3. Generation
screenshot-ios-ipadPro129-3gen-EN(1) screenshot-ios-ipadPro129-3gen-NL(1) screenshot-ios-ipadPro129-3gen-FR(1) screenshot-ios-ipadPro129-3gen-DE(1)
screenshot-ios-ipadPro129-3gen-EN(2) screenshot-ios-ipadPro129-3gen-NL(2) screenshot-ios-ipadPro129-3gen-FR(2) screenshot-ios-ipadPro129-3gen-DE(2)
screenshot-ios-ipadPro129-3gen-EN(3) screenshot-ios-ipadPro129-3gen-NL(3) screenshot-ios-ipadPro129-3gen-FR(3) screenshot-ios-ipadPro129-3gen-DE(3)
3 Screenshots iPhone 5.5
screenshot-ios-iphone5.5-NL (1) screenshot-ios-iphone5.5-EN (1) screenshot-ios-iphone5.5-FR (1) screenshot-ios-iphone5.5-DE(1)
screenshot-ios-iphone5.5-NL (2) screenshot-ios-iphone5.5-EN (2) screenshot-ios-iphone5.5-FR (2) screenshot-ios-iphone5.5-DE (2)
screenshot-ios-iphone5.5-NL (3) screenshot-ios-iphone5.5-EN (3) screenshot-ios-iphone5.5-FR (3) screenshot-ios-iphone5.5-DE (3)
3 Screenshots iPhone 6.5
screenshot-ios-iphone6.5-NL (1) screenshot-ios-iphone6.5-EN (1) screenshot-ios-iphone6.5-FR (1) screenshot-ios-iphone6.5-DE(1)
screenshot-ios-iphone6.5-NL (2) screenshot-ios-iphone6.5-EN (2) screenshot-ios-iphone6.5-FR (2) screenshot-ios-iphone6.5-DE (2)
screenshot-ios-iphone6.5-NL (3) screenshot-ios-iphone6.5-EN (3) screenshot-ios-iphone6.5-FR (3) screenshot-ios-iphone6.5-DE (3)
3 Android-Screenshots </aside>
<aside> 📳 LOGO-SPEZIFIKATIONEN
Die wichtigsten Vorgaben, die der Kunde beim Logo beachten sollte, sind:
Das Logo sollte im quadratischen Format sein (zum Beispiel: 512px x 512px)
Das Logo muss eine gute Auflösung haben, das heißt, das Bild muss klar und nicht verpixelt sein.
Wichtig: Beim Google Playstore gab es Beschwerden von Kunden, weil das Logo ein Quadrat mit farbigem Hintergrund ist – wenn das Logo quadratisch ist, entstehen diese weißen Ränder:
Die möglichen Lösungen, die wir Kunden mit diesem Wunsch bisher anbieten, sind ein Logo:
1- mit transparentem oder weißem Hintergrund; oder
2- mit einem runden Logo; oder
3- mit einem "Quadrat mit abgerundeten Ecken"
wie hier:
ℹ️ Logo-Spezifikationen für die Shops:
Google Playstore
Laut den Google-Play-Vorgaben für das Icon-Design sollte das App-Icon folgende Merkmale haben:
Größe: 512px x 512px
Format: 32-Bit PNG
Farbraum: sRGB
Maximale Dateigröße: 1024 KB
Form: vollständiges Quadrat
—> das übernimmt unser internes System bereits automatisch für uns
Google Play wendet automatisch abgerundete Ecken und Schlagschatten auf dein Icon an, sodass wir diese nicht selbst hinzufügen müssen. Wir sollten aber auch Badges und Text auf dem Icon vermeiden, da sie möglicherweise nicht gut skalieren.
Apple Store
Laut dem Leitfaden zu App-Store-Icon-Größen sollte das App-Icon folgende Merkmale haben:
Größe: 1024px x 1024px
Format: PNG
Farbraum: sRGB
Form: Quadrat mit abgerundeten Ecken
—> das passt unser internes System jedoch bereits automatisch an und sendet es automatisch an den Apple Store
Der App Store wendet ebenfalls automatisch abgerundete Ecken auf dein Icon an, sodass wir diese nicht hinzufügen müssen. Wir sollten aber auch Transparenz und Glanzeffekte auf dem Icon vermeiden, da sie möglicherweise nicht korrekt dargestellt werden.