Ta strona została przetłumaczona przez Cloud Translation API.

Siatki

Widok siatki wyświetla dwie lub więcej kolumn obrazów reprezentujących elementy zawartości, z krótkim tekstem pod każdym obrazem. Ten widok sprawdza się najlepiej, gdy użytkownicy dokonują wyboru głównie na podstawie obrazów.

Siatki można przewijać w pionie i mogą różnić się rozmiarem, odstępami i liczbą kolumn. Zawartość siatki można również grupować w kategorie.

Komponent elementów listy

Listy stanowią alternatywny sposób wyświetlania treści wymagających bardziej objaśniającego tekstu.

Anatomia

Siatki zawierają tekst i elementy sterujące interfejsu użytkownika. Ponieważ użytkownicy muszą na nie reagować, nigdy nie powinny być zasłaniane przez inne elementy ani przez krawędź ekranu.

Okular

Komponent elementów listy

Specyfikacje, wytyczne dotyczące stylu i inne.

Siatka treści (3 lub 4 kolumny)

Siatka aplikacji (4 kolumny)

Siatka aplikacji z często używanymi elementami w górnym rzędzie

Umieszczenie ikony wskaźnika w układzie siatki

Skalowanie układów

Te układy referencyjne pokazują, jak dostosować siatki do ekranów o różnych szerokościach i wysokościach. Należy pamiętać, że wszystkie wartości pikseli są wyrażone w pikselach renderowanych, przed jakimkolwiek próbkowaniem w dół lub w górę.

Ekrany o standardowej szerokości

Szerokie ekrany

Ekrany bardzo szerokie i super szerokie

Pionowe odstępy między siatkami aplikacji na ekranach o różnej wysokości

Style

Typografia

Kolor

Rozmiarowanie

Podniesienie

Przykłady