Mobile App

Kurz gefasst

App Settings enthält die Grafiken und Farben für Ihre native Mobile-App — die App, die Menschen aus dem App Store oder von Google Play installieren. Das ist nicht die Web app, und es sind auch nicht die PWA-Installationseinstellungen. Sie füllen den Bereich einmal aus, vor der ersten Einreichung, und kehren nur zurück, wenn Sie ein Rebranding machen oder eine neue Version ausliefern. Alles wird pro Version gespeichert: Eine Version ist ein Draft, den Sie frei bearbeiten können, und die Markierung Ready to submit sperrt sie für diejenigen, die die App bauen und einreichen.

Die ganze Aufgabe läuft eigentlich auf eines hinaus: Geben Sie Ihrem Designer die Größenliste weiter unten und sammeln Sie die Dateien wieder ein.

Versionen

Eine Version durchläuft fünf Status. Nur eine Version im Status Draft lässt sich bearbeiten.

Status	Bedeutung	Noch änderbar?
Draft	In Bearbeitung.	Ja. Nur in diesem Status lassen sich die Einstellungen bearbeiten.
Ready to submit	Freigegeben und gesperrt, wartet auf Build und Einreichung in den Stores.	Nicht solange sie gesperrt ist. Back to draft öffnet sie wieder.
Submitted	An die Stores gesendet, wartet auf die Prüfung.	Nein. Starten Sie stattdessen eine New version.
Live	Veröffentlicht und gerade in den Stores.	Nein. Starten Sie stattdessen eine New version.
Old	Durch eine neuere Live-Version ersetzt.	Nein.

New version startet die nächste; solange eine andere Version noch in Arbeit ist, lässt sich keine neue starten. History listet die Änderungen an einer Version auf und kann eine frühere wiederherstellen. Eine Version als bereit zu markieren, bringt die App nicht von selbst in die Stores — es übergibt eine freigegebene Konfiguration für den eigentlichen Build und die Einreichung.

Store identity

App name, Android package, iOS bundle identifier, company name, Apple Team ID und App Store Connect app ID.

Dieser Block ist schreibgeschützt. Er wird einmal pro App festgelegt und von jeder Version gemeinsam genutzt, denn eine Änderung würde eine andere App in den Stores bedeuten. Wenden Sie sich an den Support, wenn sich hier wirklich etwas ändern muss.

Tab App settings

Splash & appearance

Die Farben, die die App beim Starten verwendet, bevor Ihre Inhalte erscheinen.

Feld	Was es steuert
Status bar style	Ob das Telefon seine eigene Uhr und die Akku-Icons hell oder dunkel über Ihren Screens zeichnet.
Splash background	Die Hintergrundfarbe des Screens, der angezeigt wird, während die App öffnet, bevor Inhalte geladen sind.
Splash background (dark)	Dasselbe für Telefone, die auf ein dunkles Theme eingestellt sind.
Adaptive icon background	Die Hintergrundfarbe des Android-App-Icons. Das System beschneidet sie auf die Icon-Form, die das Telefon verwendet — rund, Squircle, quadratisch.
Progress color	Der gefüllte Teil des Ladebalkens, der angezeigt wird, während die App öffnet oder ein Vorgang läuft.
Progress unfilled color	Der noch nicht gefüllte Teil des Ladebalkens.
Progress border color	Der Rahmen um den Ladebalken.
Progress border width	Wie dick dieser Rahmen ist. 0 bedeutet kein Rahmen.

App images

Die Icon- und Splash-Dateien, die in die App selbst eingebaut werden. Jeder Slot zeigt seine Zielgröße — geben Sie genau diese Maße an Ihren Designer weiter. Beim Hochladen einer Datei wird die gespeicherte URL für Sie ersetzt, Sie müssen das URL-Feld also nie anfassen.

Asset	Größe	Was es ist
App icon	1024 × 1024 px	Die Master-Icon-Datei. Hochauflösende Quelle; Android leitet daraus die kleineren Größen ab.
Adaptive icon foreground	432 × 432 px	Die vordere Ebene des adaptiven Icons von Android — in der Regel nur die Bildmarke, auf transparentem Hintergrund.
Adaptive icon background	432 × 432 px	Die hintere Ebene dahinter. Üblicherweise eine einzelne, flächige Farbe.
Adaptive icon monochrome	432 × 432 px	Eine einfarbige Version, die dort verwendet wird, wo Android Icons in nur einer Farbe zeichnet (Themed Icons).
Android notification	54 × 54 px	Das kleine Icon in der Statusleiste, wenn eine Benachrichtigung eintrifft. Muss ein einfaches, einfarbiges Logo sein — alles Detailreiche wird zu einem grauen Fleck.
Splash Screen	1440 × 3200 px	Die vollständige Grafik des Launch-Screens. Ein Hintergrund oder ein Design in Ihrer Markenidentität.
Splash Icon	1024 × 1024 px	Das Logo, das in der Mitte des Splash-Screens angezeigt wird.

Jede Datei unter App images muss ein PNG in genau der angegebenen Größe sein. Hub lehnt jede andere Datei beim Hochladen ab und nennt die benötigte Größe, sodass eine falsche Datei nie im Build landet.

Tab Store settings

Die Grafiken für die Store-Seiten — das, was Menschen sehen, bevor sie installieren. Auch hier sind die Größen exakt: Hub lehnt eine Datei in jeder anderen Größe ab.

Bereich	Asset	Größe	Was es ist
Google Play images	Feature banner	1024 × 500 px	Pflicht für Google Play. Das breite Banner oben im Eintrag der App. JPEG oder PNG, ohne Transparenz.
Google Play images	App icon	512 × 512 px	Pflicht für Google Play. Quadratisch, mit gefülltem Hintergrund, ohne abgerundete Ecken oder Schatten — die fügt Google hinzu.
App Store screenshots: iPhone with Dynamic Island (medium display)	Screenshot 1 / 2 / 3	1206 × 2622 px	Pflicht für Apple. Hochformat, PNG oder JPEG, ohne Transparenz. Apple verkleinert sie für kleinere iPhones selbst.
App Store screenshots: iPhone with Dynamic Island (large display)	Screenshot 1 / 2 / 3	1320 × 2868 px	Optional. Dieselben drei Screens, in derselben Reihenfolge, in der größeren Größe.

Zuerst die D-U-N-S-Nummer beantragen

Die Veröffentlichung unter Ihrem Unternehmen statt unter dem Namen einer Person braucht in beiden Stores eine D-U-N-S-Nummer, und bis sie kommt, können Wochen vergehen.

Die Grafiken vorbereiten

Ein paar Dinge, die Ihnen eine zusätzliche Runde mit Ihrem Designer ersparen:

• Geben Sie die gesamte Größenliste auf einmal weiter. Jedes Asset oben ist eine eigene Datei in einer festen Größe — ein Designer, der nur von einem einzigen Screenshot ausgeht, wird es falsch machen.
• Adaptive icon foreground, Adaptive icon monochrome und Android notification brauchen transparente Hintergründe. Die Farbe dahinter kommt aus Adaptive icon background.
• Halten Sie das Benachrichtigungs-Icon bei einer flächigen Silhouette. Verläufe und feine Details verschwinden bei 54 px.
• Stimmen Sie Splash background auf den Hintergrund Ihrer Splash Screen-Grafik ab, damit während des Ladens der App nichts in einer anderen Farbe aufblitzt.
• Legen Sie auch Splash background (dark) fest. Wenn Sie das auslassen, können Telefone mit dunklem Theme Ihr Logo auf einer Farbe zeigen, die Sie nie gewählt haben.
• Wählen Sie Status bar style passend zur Splash-Farbe: helle Symbole auf dunklem Hintergrund, dunkle auf hellem. Weiß auf Weiß versteckt Uhrzeit und Akku.
• Screenshots für den Store sind Marketing, keine Dokumentation — wählen Sie die drei Screens, die am besten erklären, was Mitglieder bekommen. Nehmen Sie sie in der echten App auf, alle in derselben Größe, ohne Namen, Telefonnummer oder E-Mail eines echten Mitglieds.
• Wenn die Screenshots oder das Banner einen Telefonrahmen verwenden, wählen Sie einen neutralen, der weder wie ein iPhone noch wie ein Android-Telefon aussieht. Apple lehnt App-Store-Bilder ab, die Telefone, Logos oder Store-Badges einer anderen Plattform zeigen, und Google rät im Feature banner von Gerätebildern ab.

Das Logo im sicheren Bereich halten

Telefone schneiden Icons und Startbildschirme in unterschiedliche Formen zu. Der sichere Bereich ist der Teil, den kein Telefon je abschneidet: Steht das Logo mittig darin, ist es überall vollständig zu sehen.

Asset	Fläche	Das Logo bleibt innerhalb von
Adaptive icon foreground, Adaptive icon monochrome	432 × 432 px	Einem Kreis von 264 px in der Mitte — ein quadratisches Logo etwa 186 px breit
Splash Icon	1024 × 1024 px	Einem Kreis von 680 px in der Mitte — ein quadratisches Logo etwa 480 px breit
App icon (App settings)	1024 × 1024 px	Etwa 820 × 820 px in der Mitte. Keine abgerundeten Ecken, keine Transparenz: Das Telefon rundet die Ecken selbst ab
App icon (Google Play)	512 × 512 px	Etwa 410 × 410 px in der Mitte
Android notification	54 × 54 px	Etwa 46 × 46 px — eine weiße Silhouette auf transparentem Hintergrund
Splash Screen	1440 × 3200 px	Etwa 1000 × 1800 px in der Mitte
Feature banner	1024 × 500 px	Etwa 820 × 400 px in der Mitte, höchstens fünf oder sechs Wörter

Ein schneller Test: Legen Sie einen Kreis dieser Größe über das Logo. Ragt nichts heraus, ist es sicher.

Verwandte Themen

Der Block Native bars auf jedem Screen im App Editor — Stil der Statusleiste und der unteren Leiste — gilt ebenfalls nur für Unternehmen mit einer nativen Mobile-App. Alles andere im App Editor betrifft die Web app und die native App gleichermaßen.