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.

Anforderungen

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: Designing Adaptive Icons und Understanding Android Adaptive Icons

• 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

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.

Anforderungen

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.

Anforderungen

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

Splash Screen Icon

Das Startbildschirmsymbol erscheint, wenn die App gestartet wird und im Hintergrund eine Verbindung zu Flip herstellt. Dieses Symbol ist sowohl für den hellen als auch für den dunklen Modus erforderlich. Wir empfehlen, dasselbe Symbol wie das Apple-App-Symbol zu verwenden. Bitte beachte, dass je nach Android-Version zwei verschiedene Versionen erforderlich sind (zwei für den hellen und zwei für den dunklen Modus). Diese Versionen werden beim Exportieren aus Figma bereits als Assets generiert.

Anforderungen

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.

android_background.png
android_foreground.png
android_notification_icon.png
google_play_app_store_icon.png
app_icon.png
app_store_icon.png
splashscreen_light.png
splashscreen_dark.png
splashscreen_android12_light.png
splashscreen_android12_dark.png