Gry i aplikacje w Google Play przyjmują nowy system ikon, aby móc lepiej dopasowywać zróżnicowane grafiki deweloperów do różnych układów interfejsu, formatów i urządzeń w Google Play, a także aby Google Play wyglądało spójniej i przejrzyściej.
Jednolite kształty są bardziej atrakcyjne wizualnie i łatwiejsze do przyswojenia. Pomagają użytkownikom skupić się na grafice, a nie na kształcie. Rozwiązują też problemy z wyrównaniem spowodowane przypadkowymi odstępami, co pozwala lepiej zaprezentować pobliskie informacje, jak tytuł, ocena i cena.
Ikony swobodne – format oryginalny
Ikony jednolite – nowy format
Na tej stronie znajdziesz wytyczne, których należy przestrzegać, tworząc komponenty na stronę aplikacji w Google Play. Na przykład Google Play dynamicznie renderuje zaokrąglone rogi i cienie ikon aplikacji, więc nie musisz ich uwzględniać w swoich komponentach.
- Ikony adaptacyjne na Androidzie
Zapoznaj się z tymi wytycznymi dotyczącymi ikon APK, aby dowiedzieć się, jak tworzyć ikony adaptacyjne programu uruchamiającego wprowadzone w Androidzie 8.0 (interfejs API na poziomie 26). - Ikony usług
Poznaj zasady Material Design dotyczące ikon usług, w tym wytyczne dotyczące projektowania ikon, kształtów, specyfikacji i sposobu ich traktowania.
Tworzę zasoby
W tej sekcji znajdziesz wytyczne, których należy przestrzegać, tworząc komponenty wizualne aplikacji w Google Play.
Atrybuty
Grafika ikony może wypełniać całą przestrzeń komponentu lub możesz zaprojektować i umieścić elementy graficzne, takie jak logo, na siatce linii pomocniczych. Podczas rozmieszczania grafiki traktuj linie pomocnicze jako wskazówki, a nie sztywne reguły.
Przygotowując grafikę, pamiętaj o tych wymaganiach:
- Rozmiar końcowy: 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ń zaokrąglenia będzie wynosił 30% wielkości ikony.
- Cień: brak – Google Play dynamicznie obsługuje cienie. Informacje o uwzględnianiu cieni w grafice znajdziesz w sekcji „Cienie” poniżej.
Łączny rozmiar komponentów
Linie pomocnicze ikony
Po przesłaniu komponentu Google Play dynamicznie zastosuje zaokrągloną maskę i cień, aby zapewnić spójność wszystkich ikon aplikacji i gier.
Dobieranie rozmiaru
W przypadku minimalistycznej grafiki wykorzystaj całą przestrzeń komponentu jako tło.
Używaj linii pomocniczych jako wskazówek dotyczących pozycjonowania elementów grafiki (np. logo).
Twoja grafika z pełnym spadem (komponent końcowy)
Efekt końcowy z cieniami i zaokrąglonymi rogami zastosowanymi dynamicznie przez Google Play
Nie staraj się na siłę, aby logo lub grafika wypełniła całą przestrzeń komponentu. Zamiast tego użyj siatki linii pomocniczych.
Nieprawidłowe
Dobrze
Ilustracje zwykle dobrze sprawdzają się jako ikony z pełnym spadem.
Nieprawidłowe
Dobrze
Oto przykłady komponentów ikon, które wprowadzają użytkowników w błąd i naruszają zasady Google Play dla deweloperów. Unikaj wszystkich poniższych praktyk i zapoznaj się z zasadami Google Play dotyczącymi metadanych oraz dotyczącymi ocen użytkowników, opinii i instalacji, aby uzyskać więcej wskazówek.
Czego nie robić
Czego nie robić
Czego nie robić
Czego nie robić
Cienie
Po przesłaniu Google Play dynamicznie doda cień wokół ostatecznej wersji ikony.
Dodając cienie do grafiki ikony, pamiętaj o zachowaniu spójności z platformą Androida, postępując zgodnie ze wskazówkami dotyczącymi Material Design.
Nieprawidłowe
Dobrze
Promień zaokrąglenia
Google Play dynamicznie zaokrągla narożniki. Zapewnia to spójność, gdy rozmiar ikony zmienia się w różnych układach interfejsu. Promień zaokrąglenia będzie wynosił 30% wielkości ikony.
Nieprawidłowe
Dobrze
Dostosowanie marki
Jeśli kształty są kluczowym elementem logo, nie wymuszaj pełnego spadu. Zamiast tego umieść grafikę na nowej siatce linii pomocniczych.
Jeśli to możliwe, wybierz kolor tła komponentu, który pasuje do Twojej marki i nie jest przezroczysty. W przypadku zasobów przezroczystych wyświetlany będzie kolor tła interfejsu Google Play.
Jeśli wokół logo nie ma wyraźnego kształtu, który je definiuje, umieść je na tle bez marginesów.
Jeśli Twoje grafiki są na tyle elastyczne, aby można było nimi wypełnić cały rozmiar komponentu, rozważ to. Jeśli to niemożliwe, wróć do umieszczania logo na siatce linii pomocniczych.
Starszy tryb
Oryginalne ikony, które nie zostały zaktualizowane zgodnie z nowymi specyfikacjami, zostaną ostatecznie przeniesione do starszego trybu i zmniejszone do 75% rozmiaru siatki linii pomocniczych (512 * 0,75 = 384 piksele).
Od maja 2019 r. nie będzie można przesyłać ikon zgodnych z pierwotną specyfikacją. Więcej informacji o harmonogramach
Instrukcje dla użytkowników interfejsu API
Daty migracji są nieco inne w przypadku użytkowników interfejsu API, ale efekt końcowy jest taki sam – do 24 czerwca 2019 r. wszystkie ikony zostaną przeniesione do nowej specyfikacji lub do „trybu starszej wersji”.
Do 17 czerwca 2019 roku deweloperzy muszą zastosować nową specyfikację do swoich ikon w Konsoli Play. Wszystkie wywołania funkcji Edits.images: upload
będą stosować specyfikację skonfigurowaną w Konsoli Play. Nie ma możliwości zastosowania nowej specyfikacji za pomocą interfejsu API. Wywołanie Edits.images: upload może zwrócić błąd, jeśli nadal stosowana jest starsza specyfikacja, a komunikat o błędzie dotyczący konkretnej ikony będzie odsyłać do tej specyfikacji. Po zastosowaniu nowej specyfikacji w Konsoli Play możesz ponownie wywołać funkcję Edits.images: upload. Może być konieczne kilkukrotne ponowienie wywołania, zanim się ono powiedzie.
Od 17 czerwca 2019 r. wszystkie wywołania interfejsu API do Edits.images: upload będą automatycznie stosować nową specyfikację do ikony. Od 17 czerwca 2019 roku przesyłaj tylko ikony zgodne z nową specyfikacją.