Aplikacje i gry w Google Play wprowadzają nowy system ikon, aby lepiej dopasować różnorodne elementy graficzne dewelopera do różnych układów interfejsu, formatów i urządzeń używanych w Google Play. Ma to na celu zwiększenie spójności i przejrzystości Google Play.
Jednolite kształty są bardziej atrakcyjne wizualnie i łatwiejsze w odbiorze. Pomagają zwrócić uwagę użytkownika na dzieło sztuki, a nie na kształt. Rozwiązują problemy z wyrównaniem spowodowane losową otwartą przestrzenią, aby lepiej prezentować informacje o pobliżu, takie jak tytuł, ocena i cena.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-freeform.png?authuser=19&hl=pl)
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-uniformed.png?authuser=19&hl=pl)
Na tej stronie znajdziesz wskazówki, których należy przestrzegać podczas tworzenia zasobów strony z informacjami o aplikacji w Google Play. Na przykład: Google Play dynamicznie renderuje zaokrąglone rogi i dodaje cienie ikon aplikacji, dlatego pomiń je w oryginalnych zasobach.
Ważne: jeśli zamiast tego chcesz dowiedzieć się więcej o tworzeniu ikon uruchamiających pliki APK, które są niezależne od ikon Google Play opisanych na tej stronie, zapoznaj się z tymi materiałami:
- Ikony adaptacyjne na Androidzie
Postępuj zgodnie z tymi wytycznymi dotyczącymi ikon plików APK, aby dowiedzieć się, jak tworzyć adaptacyjne ikony uruchamiające wprowadzone w Androidzie 8.0 (poziom interfejsu API 26). - Ikony produktów
Poznaj zasady interfejsu Material Design dotyczące ikon produktów, w tym wytyczne dotyczące projektowania ikon, kształtów, specyfikacji i wyglądu ikon.
Tworzę zasoby
W tej sekcji znajdziesz wskazówki, których należy przestrzegać podczas tworzenia zasobów wizualnych do aplikacji w Google Play.
Atrybuty
Grafika ikony może zająć całą przestrzeń zasobu. Możesz też zaprojektować i umieścić na siatce linii tekstu elementy graficzne, takie jak logo. Przy układaniu grafiki korzystaj z kluczy tekstu, a nie sztywnych zasad.
Podczas tworzenia grafiki upewnij się, że spełnia ona te wymagania:
- Ostateczny rozmiar: 512 x 512 pikseli
- Format: 32-bitowy PNG
- Przestrzeń barw: sRGB
- Maksymalny rozmiar pliku: 1024 KB
- Kształt: pełny kwadrat – Google Play dynamicznie obsługuje maskowanie. Promień będzie odpowiadał 20% rozmiaru ikony.
- Cień: brak – Google Play dynamicznie obsługuje cienie. Przeczytaj sekcję „Cienie” poniżej, aby dowiedzieć się, jak dodać cienie do grafiki.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/attributes-size.png?authuser=19&hl=pl)
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/attributes-size-keylines.png?authuser=19&hl=pl)
Po przesłaniu zasobu Google Play dynamicznie stosuje zaokrągloną maskę i cień, aby zapewnić spójność ikon aplikacji i gier.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/dynamic-process.png?authuser=19&hl=pl)
Rozmiary
Wykorzystaj cały obszar zasobu jako tło w przypadku minimalistycznych grafik.
Użyj linii tekstu jako wskazówek przy pozycjonowaniu elementów graficznych (np. logo).
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-asset.png?authuser=19&hl=pl)
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-applied.png?authuser=19&hl=pl)
Nie wymuszaj używania logo ani grafiki do całej powierzchni zasobu. Zamiast tego użyj siatki z kluczami.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/full-space-dont.png?authuser=19&hl=pl)
Źle
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/full-space-do.png?authuser=19&hl=pl)
Po prawej
Ilustracje zazwyczaj dobrze sprawdzają się jako ikona z pełnym spadem.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/illustration-full-bleed-dont.png?authuser=19&hl=pl)
Źle
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/illustration-full-bleed-do.png?authuser=19&hl=pl)
Po prawej
Oto przykłady elementów ikon, które wprowadzają użytkowników w błąd i naruszają zasady dla deweloperów w Google Play. Unikaj wszystkich tych praktyk. Zapoznaj się z zasadami Google Play dotyczącymi metadanych oraz zasadami dotyczącymi ocen użytkowników, opinii i instalacji, aby dowiedzieć się więcej.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/ranking-dont.png?authuser=19&hl=pl)
Nie
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/deals-dont.png?authuser=19&hl=pl)
Nie
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/play-program-dont.png?authuser=19&hl=pl)
Nie
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/mislead-users-dont.png?authuser=19&hl=pl)
Nie
Cienie
Google Play dynamicznie dodaje cień wokół ostatniej ikony po przesłaniu.
Gdy umieszczasz cienie w grafice ikony, zadbaj o spójność z platformą Androida i postępuj zgodnie ze wskazówkami dotyczącymi materiałów Google.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/shadows-dont.png?authuser=19&hl=pl)
Źle
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/shadows-do.png?authuser=19&hl=pl)
Po prawej
Promień narożnika
Google Play dynamicznie stosuje promień narożnika. Zapewnia to spójność podczas zmiany rozmiaru ikony w różnych układach interfejsu. Promień będzie odpowiadał 20% rozmiaru ikony.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/corner-radius-dont.png?authuser=19&hl=pl)
Źle
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/corner-radius-do.png?authuser=19&hl=pl)
Po prawej
Dostosowanie do marki
Jeśli kształty są kluczowym elementem logo, nie wymuszaj wypełnienia całego logo. Zamiast tego umieść go na nowej siatce kluczowych linii.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-full-bleed.png?authuser=19&hl=pl)
Jeśli to możliwe, wybierz kolor tła zasobu, który pasuje do Twojej marki i nie jest przezroczysty. Przezroczyste zasoby będą miały kolor tła interfejsu Google Play.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-background.png?authuser=19&hl=pl)
Jeśli logo nie ma wyróżniającego się kształtu, umieść je na tle z pełnym spadem.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-shape.png?authuser=19&hl=pl)
Jeśli grafika jest wystarczająco elastyczna, możesz ją zmodyfikować, aby w pełni wykorzystać rozmiar zasobu. Jeśli to niemożliwe, przywróć logo na siatce z kluczami.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-keyline.png?authuser=19&hl=pl)
Starszy tryb
Oryginalne zasoby ikon, które nie zostały zaktualizowane zgodnie z nowymi specyfikacjami, zostaną ostatecznie przeniesione do starszej wersji i zmniejszone o 75% do rozmiaru siatki kluczowej (512 * 0,75 = 384 piksele).
Od maja 2019 r. nie będzie można przesyłać ikon zgodnie z pierwotną specyfikacją. Więcej informacji o harmonogramach
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/legacy-mode.png?authuser=19&hl=pl)
Instrukcje dla użytkowników interfejsu API
W przypadku użytkowników interfejsu API daty migracji są nieco inne, ale do 24 czerwca 2019 r. następuje przeniesienie wszystkich ikon do nowej specyfikacji lub do „starszego trybu”.
Przed 17 czerwca 2019 roku deweloperzy muszą zastosować nową specyfikację do swoich ikon w Konsoli Play. Wszystkie wywołania funkcji Edits.images: upload obowiązują w zależności od specyfikacji skonfigurowanej w Konsoli Play. Nie można zastosować nowej specyfikacji za pomocą interfejsu API. Jeśli nadal obowiązuje stara specyfikacja, wywołanie Edits.images: upload
może spowodować błąd. Komunikat o błędzie dotyczący danej ikony wskazuje tę specyfikację. Po zastosowaniu nowej specyfikacji w Konsoli Play możesz ponownie wywołać wywołanie Edits.images: upload
. Być może trzeba będzie wielokrotnie ponawiać próbę.
Od 17 czerwca 2019 r. wszystkie wywołania interfejsu API Edits.images: upload
będą automatycznie stosować do ikony nową specyfikację. Po 17 czerwca 2019 r. należy przesyłać tylko ikony zgodne z nowymi specyfikacjami.
Pobierz szablony projektu i zasoby
Na początek pobierz jeden z dostępnych szablonów komponentów:
- Szablon szkicu (.sketch)
- Szablon Illustrator (.ai)
- Szablon Photoshop (.psd)