Komponenten

Buttons

Buttons ermöglichen die Interaktion mit der Benutzeroberfläche. Wie Sie diese anwenden, erfahren Sie in diesem Guide.

Buttons
  • Anwendung
  • Beispiele
  • Verwandte Komponente
  • Download

Anwendung

Primary Buttons

Primary Buttons führen den Nutzer durch die Benutzeroberfläche. Sie sollten daher sparsam eingesetzt werden, damit die Handlungsschritte für den Nutzer klar bleiben.

Secondary Buttons

Secondary Buttons beziehen sich auf Primary Buttons. Sie stehen niedriger in der Hierarchie und sollten nicht für besonders wichtige Interaktionen bzw. Vorgänge genutzt werden.

Text Buttons

Text Buttons bestehen ausschließlich aus Text und können als Secondary Buttons genutzt werden, um die entsprechende Hierarchieebene deutlich zu machen.

Gruppierung

Themenverwandte Buttons können in Gruppen zusammengefasst werden. Achten Sie darauf, jeweils nur einen Primary Button zu verwenden, um Nutzern die Orientierung zu erleichtern und Verwirrung zu vermeiden. Eine Gruppierung ist zwar nicht zwingend erforderlich, kann aber in manchen Fällen als visuelle Trennung zwischen themenverwandten und unabhängigen Buttons sinnvoll sein.

Beispiele

Verwandte Komponente

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library