Podstawowe informacje o układzie

Ilustracja podstaw układu banera powitalnego

Układ określa wizualną strukturę interfejsu użytkownika w aplikacji, np. w elemencie kompozycyjnym. Android udostępnia szereg bibliotek, kanonicznych punktów początkowych i technik wyświetlania oraz pozycjonowania treści.

Rozpocznij

Zacznij projektować układy Androida, poznając anatomię aplikacji, a następnie sposób strukturyzowania treści aplikacji.

Wnioski

Orientacja układu

Weź pod uwagę różne proporcje, klasy rozmiarów i rozdzielczości, z którymi mogą się spotkać użytkownicy mogą się spotkać. Sprawdź, czy aplikacja zapewnia dobre wrażenia użytkownika zarówno w orientacji poziomej, jak i pionowej, a także na różnych rozmiarach i formatach ekranu.

Więcej informacji znajdziesz w wytycznych dotyczących dostosowywania układu i układów kanonicznych.

Bezpieczne obszary urządzenia

Uwzględnij bezpieczne obszary urządzenia, które obejmują części interfejsu, takie jak wycięcia w ekranie odcięcia od krawędzi do krawędzi, wyświetlacze krawędziowe, klawiatury programowe i paski systemowe. Zapewnij elastyczny układ, aby użytkownicy mogli korzystać z klawiatury.

Tak

Skup się na danych wprowadzanych przez użytkownika. Jeśli klawiatura jest widoczna, przenieś pole wprowadzania do stanu aktywnego lub rozważ dołączenie pola tekstowego do klawiatury.

Nie

Nie ukrywaj pól wprowadzania. Nawet na mniejszych ekranach użytkownik może nie wiedzieć, że można przewijać ekran, lub nie mieć takiej możliwości.
Ergonomia interakcji

Umieść najważniejsze interakcje, takie jak nawigacja główna, w dostępnym obszarze ekranu. Pływające przyciski polecenia (FAB) zapewniają widoczny i łatwo dostępny punkt interakcji.

Grupy zawierające

Używaj grup zawierających, aby grupować powiązane treści i prowadzić użytkownika przez treści i działania. Karty, które używają grup zawierających do grupowania treści z powiązanymi działaniami.

Wyrównanie

Zapewnij spójne wyrównanie podobnych treści i elementów interfejsu.

Tak

Ustal spójne odstępy między podobnymi elementami.

Nie

Nie utrudniaj czytelności, stosując niespójne odstępy między podobnymi elementami, co może sprawić, że projekty będą wyglądać przypadkowo.
Najważniejsze interakcje

Nie przytłaczaj użytkownika zbyt dużą liczbą działań na jednym ekranie.

Opisywanie specyfikacji układu

Podczas tworzenia niestandardowych układów opisuj, jak treści powinny być umieszczane w układzie używając terminów dotyczących wyrównania, ograniczeń lub grawitacji. Określ, jak obrazy powinny reagować na swój kontener, aby były prawidłowo wyświetlane.