Specyfikacja ikon używanych w Google Play

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.

Freeform – format oryginalny
Ujednolicenie – nowy format

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.
Łączny rozmiar zasobu
Najważniejsze informacje dotyczące ikony usługi

Po przesłaniu zasobu Google Play dynamicznie stosuje zaokrągloną maskę i cień, aby zapewnić spójność ikon aplikacji i gier.

Po lewej stronie znajduje się nowy zasób ikony. Trzy obrazy po prawej stronie pokazują dynamiczne przetwarzanie ikony w Google Play.

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).

Grafika z całym spadem (zasób końcowy)
Wynik końcowy z cieniami i zaokrąglonymi narożnikami stosowanymi dynamicznie przez Google Play

Nie wymuszaj używania logo ani grafiki do całej powierzchni zasobu. Zamiast tego użyj siatki z kluczami.

Nie wymuszaj radykalnej transformacji marki i grafiki
Zamiast tego umieść dowolną grafikę ikony na wierszach kluczowych

Ilustracje zazwyczaj dobrze sprawdzają się jako ikona z pełnym spadem.

Nie skaluj ilustracji w dół na linie kluczowe
Wykorzystaj cały obszar zasobu, aby grafika zajmowała całą ikonę.

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.

Nie używaj tekstu ani elementów graficznych do określania pozycji w rankingu
Nie używaj tekstu ani elementów graficznych do promowania okazji ani zachęcania do instalacji
Nie używaj tekstu ani elementów graficznych, aby poinformować o uczestnictwie w programie Google Play.
Nie używaj tekstu ani elementów graficznych, które mogą wprowadzać użytkowników w błąd

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.

Nie dodawaj cieni do końcowego komponentu.
Możesz tworzyć cienie i oświetlenie w grafice

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.

Nie zaokrąglaj krawędzi ostatecznego zasobu
Jeśli to możliwe, wypełnij cały zasób grafiką

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.

Od lewej do prawej: oryginalny komponent ikony, nowy zasób ikony (zalecana adaptacja), nowa ikona wyrenderowana w Google Play.

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.

Od lewej do prawej: oryginalny komponent ikony, nowy zasób ikony (zalecana adaptacja), nowa ikona wyrenderowana w Google Play.

Jeśli logo nie ma wyróżniającego się kształtu, umieść je na tle z pełnym spadem.

Od lewej do prawej: oryginalny komponent ikony, nowy zasób ikony (zalecana adaptacja), nowa ikona wyrenderowana w Google Play.

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.

Od lewej do prawej: oryginalny komponent ikony, nowy zasób ikony (zalecana adaptacja), nowa ikona wyrenderowana w Google Play.

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

Oryginalne zasoby ikon zostaną automatycznie przekształcone w zasoby w starszym trybie i zostaną przeskalowane w dół o 75% do nowej siatki klawiszy.

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: