App Icons und Grafiken erstellen

Ihr könnt unser Figma Template verwenden, um die Icons zu generieren oder in einem Programm nach euere Wahl manuell erstellen. Bitte schickt uns im Anschluss die Dateien zu, sodass wir die Branded-App für euch erstellen können.

 

Figma Template verwenden

Mit unserem Figma Template könnt ihr bequem alle App Grafiken erstellen und exportieren.

Bitte nutze folgenden Link, um unser Figma Template zu verwenden:

→ https://www.figma.com/community/file/1360265192393538711/app-icon-template

 

Anschließend könnt ihr uns die Grafiken schicken, wie es in der E-Mail erläutert ist.

 


 

App-Icons und Grafiken manuell erstellen

Solltet ihr kein Figma nutzen können, könnt ihr mit einem Grafik-Programm euere Wahl die Grafiken wie folgt erstellen. Bitte achtet auf den richtigen Dateinamen, wenn ihr uns die Grafiken schickt, da wir sonst die Grafiken nicht verarbeitet können.

 

Google Play Store Icon

Das Google Play Store-Icon ist im Profil deiner App im Google Play Store sichtbar.

 

flip_google_play_store.png

Anforderungen

Größe 512 x512 px
Dateiformat png
Farbbereich 32 bit
Farbprofil sRGB
Dateiname google_play_app_store_icon.png
Transparenz Erlaubt

 

Weitere Informationen zum Google Play Icon findest du in der Google Hilfe.

 

Adaptives Android-Icon

Das adaptive Android App-Icon ist auf dem Startbildschirm des Android-Geräts sichtbar. Android nennt dieses Icon auch Launcher-Icon. Auf Android-Geräten zeigt jeder Launcher die App-Icons anders an. Einige Launcher platzieren die Symbole auf quadratischen Hintergründen, während andere die Symbole in eine runde Form einpassen. Adaptive Icons wurden eingeführt, damit alle Icons in Hinblick auf Größe und Form einheitlicher aussehen.

 

Diese neue Art von Symbolen verfügt über eine bestimmte Sicherheitszone, die immer angezeigt wird, um all diese unterschiedlichen Symboltypen unterzubringen. Flip unterstützt adaptive Icons, damit dein App-Icon auf allen Geräten und Android-Versionen perfekt aussieht.

Weitere Infos findest du hier: Android App Icons und Understanding Android Adaptive Icons

adaptives_android_icon.png

  • Wenn dein App-Icon Buchstaben oder Zahlen verwenden: maximal 6 - 10 Zeichen inklusive Leerzeichen
  • Achten bitte auf die Sicherheitszone. Platziere das Logo innerhalb der Sicherheitszone in der Mitte und lasse den Rand frei. Verwende Logo-Elemente nur innerhalb der Sicherheitszone.
  • Der Hintergrund außerhalb der Sicherheitszone kann Schatten, Farbverläufe oder Muster enthalten.

Anforderungen

Größe 1024 x 1024 px
Dateiformat png
Dateiname android_background.png und android_foreground.png

 

Android Benachrichtigungs-Icon

Push-Benachrichtigungen sind automatisierte Benachrichtigungen, die die App an mobile Nutzer sendet, wenn die Push-Benachrichtigungsfunktion aktiviert ist. Wird eine Push-Benachrichtigung gesendet, zeigen Android-Geräte ein kleines Benachrichtigungs-Icon in der Statusleiste und in der Übersichtsliste der Benachrichtigungen beim Herunterziehen von der Statusleiste an.

android_push_icon.png

 

Anforderungen

Größe 96 x 96 px
Dateiformat png
Auflösung 72 dpi
Farbprofil sRGB
Dateiname android_notification_icon.png
Farbe #FFFFFF
Hintergrund Transparent
Form Nur Umrisse

 

Apple App Icon

Das iOS App-Icon ist auf dem Startbildschirm des iOS-Geräts und im Apple Store sichtbar. iOS-Geräte zeigen immer ein Quadrat mit abgerundeten Ecken an. Eine Transparenz ist nicht möglich.

 

ios_app_icon.png

 

Anforderungen

Größe 1024 x 1024 px
Dateiformat png
Auflösung 72 dpi
Farbprofil sRGB
Dateiname app_icon.png und app_store_icon.png
Hintergrund Transparenz: nicht erlaubt (kein Alphakanal)
Form Quadratisch, Ecken ausgefüllt

 

Weitere Informationen zum Apple App-Icon findest du in der Apple Hilfe.

 

Splash Screen Icon

Das Splash Screen Icon wird angezeigt, wenn die App gestartet wird und im Hintergrund eine Verbindung zu Flip aufgebaut wird. Das Icon wird sowohl für den Light als auch Dark Mode benötigt. Wir empfehlen das gleiche Icon wie das Apple App Icon zu verwenden.

 

flip_splashscreen.png

 

Anforderungen

Größe 1024 x 1024 px
Dateiformat png
Auflösung 72 dpi
Farbprofil sRGB
Dateiname splashscreen_light.png
splashscreen_dark.png
Hintergrund Transparenz: nicht erlaubt (kein Alphakanal)
Form Quadratisch, Ecken ausgefüllt

 

Checkliste für den Versand der Grafiken an Flip

Bitte überprüft noch einmal, ob ihr alle Dateien richtig erstellt und benannt habt. Anschließend könnt ihr uns die Grafiken schicken, wie es in der E-Mail erläutert ist.








 

War dieser Beitrag hilfreich?

0 von 0 fanden dies hilfreich

Haben Sie Fragen? Anfrage einreichen

Kommentare

0 Kommentare

Zu diesem Beitrag können keine Kommentare hinterlassen werden.