Komponenten

Pagination

Die Pagination hilft Ihnen dabei, Inhalte über mehrere Seiten übersichtlich zu verteilen. In diesem Guide erfahren Sie, wie Pagination angewendet wird.

Pagination
  • Anwendung
  • Beispiele
  • Verwandte Komponente
  • Download

Anwendung

Pagination wird vor allem für Interfaces mit vielen Inhalten verwendet. Dazu gehören etwa Bilder auf Seiten, die begrenzten vertikalen Platz bieten. Inhalte können so einfach aufgeteilt und vom Nutzer angesteuert werden. Pagination ist sowohl für Text als auch für eine Kombination aus Text und Bildern nützlich.

Für die Bilder-Pagination stehen verschiedene Gestaltungsmöglichkeiten zur Wahl. Interaktive Elemente können beispielsweise unterhalb oder auch innerhalb eines Bildes platziert werden. Verwenden Sie für die Navigation Punkte, Kästchen oder Thumbnails. Alternativ können Pfeile direkt im Bild beziehungsweise rechts oder links daneben positioniert werden, um vorwärts bzw. rückwärts zu springen.

Linien-Indikatoren unter dem Inhalt.

Linien-Indikatoren im Inhalt.

Punkt-Indikatoren unter dem Inhalt.

Nummerierte Indikatoren mit Pfeilen unter dem Inhalt.

Thumbnail Indikatoren unter dem Inhalt.

Thumbnail-Indikatoren auf dem Inhalt.

Pfeil, der seitlich vom Bild erscheint, wenn der Cursor dort verweilt. Die Balken unter dem Bild weisen darauf hin, dass der Inhalt mehrere Seiten umfasst, sodass die Pfeile nicht permanent sichtbar sein müssen.

Pfeil, der seitlich im Bild erscheint, wenn der Cursor dort verweilt. Die Balken unten im Bild weisen darauf hin, dass der Inhalt mehrere Seiten umfasst, sodass die Pfeile nicht permanent sichtbar sein müssen.

Permanent im Bild sichtbare Pfeile. Wenn keine zusätzlichen Elemente andeuten, dass der Inhalt mehrere Seiten umfasst und dies aus dem Kontext nicht eindeutig klar ist, sollten Pfeile permanent sichtbar sein. Dies ist insbesondere für die Nutzung auf Tochscreen-Geräten wichtig, da hier die Möglichkeit fehlt, durch Cursorbewegungen Hinweise auf weitere Inhalte zu geben.

Beispiele

Verwandte Komponente

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library
ZIP
86,44 MB