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.
Ważne: jeśli chcesz dowiedzieć się więcej o tworzeniu ikon programu uruchamiającego APK, które różnią się od ikon Google Play opisanych na tej stronie, zapoznaj się z tymi materiałami:
- Adaptacyjne ikony na Androidzie
Postępuj zgodnie z tymi wytycznymi dotyczącymi ikon APK, aby dowiedzieć się, jak tworzyć adaptacyjne ikony programu uruchamiającego wprowadzone w Androidzie 8.0 (interfejs API na poziomie 26). - Ikony produktów
Poznaj zasady Material Design dotyczące ikon produktów, w tym wytyczne dotyczące projektowania ikon, kształtów, specyfikacji i obróbki.
Tworzenie komponentów
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. Więcej informacji o dodawaniu cieni do grafiki znajdziesz w sekcji „Cienie” poniżej.
Łączny rozmiar komponentu
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.
Rozmiary
W przypadku minimalistycznych grafik wykorzystuj całą przestrzeń komponentu jako tło.
Używaj linii pomocniczych jako wskazówek do pozycjonowania elementów graficznych (np. logo).
Twoja grafika z pełnym spadem (komponent końcowy)
Końcowy efekt z cieniami i zaokrąglonymi narożnikami 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.
Źle
Dobrze
Ilustracje zwykle dobrze sprawdzają się jako ikony z pełnym spadem.
Źle
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.
Nie
Nie
Nie
Nie
Cienie
Po przesłaniu Google Play dynamicznie doda cień wokół ostatecznej wersji ikony.
Dodając cienie w grafice ikony, pamiętaj o zachowaniu spójności z platformą Android, postępując zgodnie z wytycznymi Google Material.
Źle
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.
Źle
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. Przezroczyste komponenty będą wyświetlać 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
W przypadku użytkowników interfejsu API daty migracji są nieco inne, ale do 24 czerwca 2019 roku wszystkie ikony zostaną przeniesione do nowej specyfikacji lub „trybu starszego”.
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ą.
Pobieranie szablonów projektów i zasobów
Na początek pobierz jeden z tych szablonów komponentów:
- Szablon programu Sketch (.sketch)
- Szablon programu Illustrator (.ai)
- Szablon programu Photoshop (.psd)