Diese Seite wurde von der Cloud Translation API übersetzt.

Raster

Die Rasteransicht zeigt zwei oder mehr Spalten mit Bildern, die Inhaltselemente darstellen, und unter jedem Bild einen kurzen Text. Diese Ansicht eignet sich am besten, wenn Nutzer ihre Auswahl hauptsächlich anhand von Bildern treffen.

Raster sind vertikal scrollbar und können hinsichtlich Größe, Spaltenabstand und Spaltenanzahl variieren. Die Inhalte im Raster lassen sich zudem in Kategorien gruppieren.

Komponentenliste

Listen bieten eine alternative Möglichkeit, Inhalte darzustellen, die mehr erläuternden Text erfordern.

Anatomie

Raster enthalten Text und UI-Steuerelemente. Da Benutzer darauf reagieren müssen, dürfen sie niemals verdeckt werden, weder durch andere Elemente noch durch den Bildschirmrand.

Spezifikationen

Komponentenliste

Spezifikationen, Stilrichtlinien und mehr.

Inhaltsraster (3 oder 4 Spalten)

App-Raster (4 Spalten)

App-Raster mit häufig verwendeten Elementen in der obersten Zeile

Platzierung des Indikatorsymbols im Rasterlayout

Skalierung von Layouts

Diese Referenzlayouts zeigen, wie Raster an Bildschirme unterschiedlicher Breite und Höhe angepasst werden können. Beachten Sie, dass alle Pixelwerte in gerenderten Pixeln angegeben sind, bevor eine Herunter- oder Hochskalierung erfolgt.

Bildschirme in Standardbreite

Breitbildschirme

Extra breite und superbreite Leinwände

Vertikaler Abstand der App-Raster auf Bildschirmen unterschiedlicher Höhe

Stile

Typografie

Farbe

Größenangaben

Elevation

Beispiele