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.
- Adaptacyjne ikony na Androidzie
Aby dowiedzieć się, jak tworzyć adaptacyjne ikony programu uruchamiającego wprowadzone w Androidzie 8.0 (poziom API 26), zapoznaj się z tymi wytycznymi dotyczącymi ikon APK. - Ikony
Poznaj zasady Material Design dotyczące ikon, w tym wytyczne dotyczące projektowania ikon, kształtów, specyfikacji i obróbki.
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. Więcej informacji o dodawaniu cieni do grafiki znajdziesz w sekcji „Cienie” poniżej.
Całkowity 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.
Dobieranie rozmiaru
W przypadku minimalistycznej grafiki użyj pełnej przestrzeni komponentu jako tła.
Użyj linii pomocniczych jako wskazówek do pozycjonowania elementów graficznych (np. logo).
Twoja grafika z pełnym spadem (komponent końcowy)
Wynik 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łowy
Dobrze
Ilustracje zwykle dobrze sprawdzają się jako ikony z pełnym spadem.
Nieprawidłowy
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 spójności z platformą Android i postępuj zgodnie z wytycznymi Google dotyczącymi Material Design .
Nieprawidłowy
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łowy
Dobrze
Dostosowanie do 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 zawiera przezroczystości. 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
Daty migracji są nieco inne w przypadku użytkowników interfejsu API, ale do 24 czerwca 2019 r. wszystkie ikony zostaną przeniesione do nowej specyfikacji lub do „starszego trybu”.
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 i materiałów
Na początek pobierz jeden z podanych szablonów komponentów:
- Szablon programu Sketch (.sketch)
- Szablon programu Illustrator (.ai)
- Szablon programu Photoshop (.psd)