Abstand
Ein Abstand fügt vertikalen Freiraum zwischen Komponenten hinzu.
Abstände zeigen keinen Inhalt, speichern keine Daten und lösen keine Aktionen aus. Sie schaffen einfach Raum im Layout, damit die Seite leichter lesbar wirkt.
Wann er verwendet werden sollte
Verwenden Sie einen Abstand, wenn visueller Freiraum Nutzern hilft, den Bildschirm zu verstehen.
Abstände können eine dichte Feldgruppe vom nächsten Abschnitt trennen, eine wichtige Aktion auffälliger machen oder verhindern, dass eine Seite gedrängt wirkt.
Verwenden Sie sie sparsam. Wenn ein Bildschirm viele Abstände braucht, um verständlich zu sein, sollte die zugrunde liegende Gruppierung möglicherweise überdacht werden.
Was konfiguriert werden kann
Platzierung
Ein Abstand sitzt zwischen anderen Komponenten.
- Raum vor einem neuen Abschnitt hinzufügen
- Raum nach einer dichten Feldgruppe hinzufügen
- Abstand verwenden, um den visuellen Rhythmus der Seite zu unterstützen
Visueller Rhythmus
Abstände helfen dabei, zu steuern, wie kompakt oder offen ein Bildschirm wirkt.
- Mehr Raum für gelegentliche Workflows mit hoher Aufmerksamkeit verwenden
- Weniger Raum für dichte operative Bildschirme verwenden, in denen Nutzer jeden Tag arbeiten
- Abstände über ähnliche Datensatztypen hinweg konsistent halten