Trennlinie
Eine Trennlinie schafft eine visuelle Trennung zwischen Inhaltsgruppen.
Trennlinien enthalten keine Daten und lösen keine Aktionen aus. Sie helfen Nutzern zu verstehen, wo ein Abschnitt endet und der nächste beginnt.
Wann sie verwendet werden sollte
Verwenden Sie eine Trennlinie, wenn ein Bildschirm klarere visuelle Struktur braucht.
Trennlinien sind hilfreich in langen Formularen, dichten Detailansichten oder an Stellen, an denen mehrere zusammengehörige Abschnitte nacheinander erscheinen. Sie können eine Seite leichter erfassbar machen, ohne ein größeres Layout-Element einzuführen.
Verwenden Sie nicht zu viele Trennlinien. Wenn jede kleine Feldgruppe eine Linie hat, kann der Bildschirm unruhig wirken.
Was konfiguriert werden kann
Position
Eine Trennlinie sitzt zwischen anderen Komponenten.
- Sie dort platzieren, wo ein Abschnitt klar enden sollte
- Sie vor einer neuen Gruppe verwenden, die visuelle Betonung braucht
- Trennlinien vermeiden, wenn Abstand allein ausreichen würde
Abstände
Trennlinien können mehr oder weniger Raum um sich herum haben.
- Über einer Trennlinie Abstand hinzufügen, wenn der vorherige Abschnitt Luft braucht
- Unter einer Trennlinie Abstand hinzufügen, wenn der nächste Abschnitt klar beginnen sollte
- Abstände über ähnliche Bildschirme hinweg konsistent halten