Spezifikationen zur Symbolgestaltung für Google Play

Für Apps und Spiele bei Google Play wird ein neues Symbolsystem eingeführt, damit die verschiedenen Grafiken der Entwickler besser zu den verschiedenen UI-Layouts, Formfaktoren und Geräten von Google Play passen und Google Play ein einheitlicheres und übersichtlicheres Erscheinungsbild erhält.

Einheitliche Formen sind visuell ansprechender und leichter zu erfassen. Sie helfen Nutzern, sich auf das Kunstwerk und nicht auf die Form zu konzentrieren. Sie beheben Ausrichtungsprobleme, die durch zufällige Leerzeichen verursacht werden, um die umgebenden Informationen wie Titel, Bewertung und Preis besser darzustellen.

Beispiele für Symbole im freien Format

Freeform – Originalformat

Beispiele für einheitliche Symbole

Einheitlich – neues Format

Auf dieser Seite werden die Richtlinien beschrieben, die Sie beim Erstellen von Assets für den Eintrag Ihrer App bei Google Play beachten sollten. Da Google Play beispielsweise abgerundete Ecken und Schlagschatten für deine App-Symbole dynamisch rendert, solltest du sie in deinen Original-Assets weglassen.

  • Adaptive Symbole für Android
    In diesen Richtlinien für APK-Symbole erfährst du, wie du adaptive Launcher-Symbole erstellst, die in Android 8.0 (API-Level 26) eingeführt wurden.
  • Produktsymbole
    Hier finden Sie die Material Design-Prinzipien für Produktsymbole, einschließlich Richtlinien für Symboldesign, Formen, Spezifikationen und Behandlung.

Assets werden erstellt

In diesem Abschnitt werden einige Richtlinien beschrieben, die Sie beim Erstellen von visuellen Assets für Ihre App bei Google Play beachten sollten.

Attribute

Das Symbol kann den gesamten Asset-Bereich ausfüllen. Du kannst aber auch Grafikelemente wie Logos entwerfen und auf dem Keyline-Raster positionieren. Verwenden Sie beim Platzieren Ihrer Grafiken die Keylines als Richtlinie, nicht als feste Regel.

Dein Artwork muss den folgenden Anforderungen entsprechen:

  • Endgültige Größe: 512 px x 512 px
  • Format: 32-Bit-PNG
  • Farbraum: sRGB
  • Maximale Dateigröße: 1024 KB
  • Form: Volles Quadrat – Google Play erzeugt automatisch Maskierungen. Der Radius entspricht 30% der Symbolgröße.
  • Schatten: Keine – Google Play erzeugt automatisch Schatten. Informationen zum Einbeziehen von Schatten in Ihr Artwork finden Sie unten im Abschnitt „Schatten“.

Gesamtgröße des Assets

Gesamtgröße des Assets

Keylines des Produktsymbols

Keylines des Produktsymbols

Nachdem das Asset hochgeladen wurde, wendet Google Play dynamisch die abgerundete Maske und den Schatten an, um für alle App- und Spielsymbole ein einheitliches Erscheinungsbild zu gewährleisten.

Auf der linken Seite befindet sich dein neues Symbol-Asset. Die folgenden drei Bilder auf der rechten Seite zeigen die dynamische Verarbeitung des Symbols durch Google Play.

Größe

Nutze bei minimalistischen Grafiken den gesamten Asset-Bereich als Hintergrund.

Verwende die Keylines als Hilfslinien zum Positionieren von Artwork-Elementen (z. B. Logos).

Beispiel für ein Artwork mit voller Seitenbreite (finales Asset)

Dein randloses Artwork (endgültiges Asset)

Endergebnis mit Schatten und abgerundeten Ecken, die von Google Play dynamisch angewendet werden

Endergebnis mit Schatten und abgerundeten Ecken, die von Google Play dynamisch angewendet werden

Versuchen Sie nicht, Ihr Logo oder Artwork so zu verändern, dass es den gesamten Asset-Bereich ausfüllt. Verwenden Sie stattdessen das Keyline-Raster.

Nutze keine drastischen, randlosen Markendarstellungen und Artworks
Platziere Freeform-Symbol-Artwork stattdessen auf den Keylines

Illustriertes Artwork funktioniert normalerweise gut als Symbol ohne Rand.

Verkleinere illustriertes Artwork nicht auf die Keylines
Nutze den gesamten Asset-Bereich, sodass dein Artwork das gesamte Symbol einnimmt

Dies sind Beispiele für Symbolelemente, die Nutzer in die Irre führen und gegen die Google Play-Richtlinien für Entwickler verstoßen. Vermeiden Sie alle folgenden Praktiken und lesen Sie die Richtlinie zu Metadaten und die Richtlinie zu Bewertungen, Rezensionen und Installationen durch Nutzer von Google Play, um weitere Informationen zu erhalten.

Verwenden Sie keine Text- oder Grafikelemente, um ein Ranking anzugeben.
Verwenden Sie keine Text- oder Grafikelemente, um für Angebote zu werben oder Anreize für Installationen zu schaffen.
Verwenden Sie keine Text- oder Grafikelemente, um auf die Teilnahme an einem Google Play-Programm hinzuweisen.
Verwenden Sie keine Text- oder Grafikelemente, die Nutzer in die Irre führen könnten.

Schatten

Google Play fügt dem endgültigen Symbol nach dem Hochladen dynamisch einen Schlagschatten hinzu.

Wenn du Schatten in deine Symbolgrafik einfügst, solltest du die Google Material-Richtlinien beachten, um die Konsistenz mit der Android-Plattform zu wahren.

Füge deinem endgültigen Asset keine Schlagschatten hinzu
Du kannst Schatten und Licht innerhalb des Artworks verwenden

Eckenradius

Google Play wendet dynamisch den Eckenradius an. So wird die Konsistenz gewahrt, wenn die Größe des Symbols in verschiedenen UI-Layouts angepasst wird. Der Radius entspricht 30% der Symbolgröße.

Runde nicht die Kanten deines endgültigen Assets ab
Fülle, wenn möglich, dein gesamtes Asset mit Artwork

Markenanpassung

Wenn Formen ein wichtiger Bestandteil eines Logos sind, soll das Artwork nicht randlos sein. Platziere sie stattdessen auf dem neuen Keyline-Raster.

Von links nach rechts: ursprüngliches Symbol-Asset, neues Symbol-Asset (empfohlene Anpassung), neues Symbol, wie es bei Google Play gerendert wird.

Wählen Sie nach Möglichkeit eine Hintergrundfarbe für Ihr Asset aus, die zu Ihrer Marke passt und keine Transparenz enthält. Bei transparenten Assets wird die Hintergrundfarbe der Google Play-Benutzeroberfläche angezeigt.

Von links nach rechts: ursprüngliches Symbol-Asset, neues Symbol-Asset (empfohlene Anpassung), neues Symbol, wie es bei Google Play gerendert wird.

Wenn das Logo keine eindeutige Form hat, platzieren Sie es auf einem randlosen Hintergrund.

Von links nach rechts: ursprüngliches Symbol-Asset, neues Symbol-Asset (empfohlene Anpassung), neues Symbol, wie es bei Google Play gerendert wird.

Wenn dein Artwork flexibel genug ist, kannst du es so anpassen, dass die Asset-Größe vollständig ausgenutzt wird. Wenn das nicht möglich ist, platziere das Logo auf einem Keyline-Raster.

Von links nach rechts: ursprüngliches Symbol-Asset, neues Symbol-Asset (empfohlene Anpassung), neues Symbol, wie es bei Google Play gerendert wird.

Kompatibilitätsmodus

Ursprüngliche Symbol-Assets, die nicht gemäß den neuen Spezifikationen aktualisiert wurden, werden schließlich in den Legacy-Modus migriert und um 75% auf die Größe des Keyline-Rasters herunterskaliert (512 × 0,75 = 384 Pixel).

Ab Mai 2019 ist das Hochladen eines Symbols gemäß der ursprünglichen Spezifikation nicht mehr zulässig. Weitere Einzelheiten zu Einführung und Fristen findest du hier.

Original-Symbol-Assets werden automatisch in Assets im Legacy-Modus umgewandelt und um 75% auf das neue Keyline-Raster herunterskaliert.

Anleitung für API-Nutzer

Die Migrationsdaten für API-Nutzer unterscheiden sich geringfügig, aber das Endergebnis ist dasselbe: Bis zum 24. Juni 2019 werden alle Symbole entweder auf die neue Spezifikation oder den „Legacy-Modus“ migriert.

Entwickler müssen die neue Spezifikation vor dem 17. Juni 2019 über die Play Console auf ihre Symbole anwenden. Bei allen Aufrufen von Edits.images: upload wird die in der Play Console konfigurierte Spezifikation angewendet. Es gibt keine Möglichkeit, die neue Spezifikation über die API anzuwenden. Der Aufruf von Edits.images: upload kann fehlschlagen, wenn die alte Spezifikation noch angewendet wird. Die Fehlermeldung für dieses Symbol verweist dann auf diese Spezifikation. Nachdem Sie eine neue Spezifikation über die Play Console angewendet haben, können Sie den Edits.images: upload-Aufruf noch einmal versuchen. Möglicherweise müssen Sie den Aufruf mehrmals wiederholen, bis er erfolgreich ist.

Ab dem 17. Juni 2019 wird die neue Spezifikation bei allen API-Aufrufen an Edits.images: upload automatisch auf das Symbol angewendet. Nach dem 17. Juni 2019 sollten Sie nur noch Symbole hochladen, die der neuen Spezifikation entsprechen.