Layout-Leitfaden
Layout-Leitfaden
Layouts definieren den gemeinsamen Seitenrahmen, der über eine oder mehrere Seiten hinweg verwendet wird.
Wenn Komponenten die sichtbaren Abschnitte innerhalb einer Seite sind, sind Layouts das strukturelle System darum herum. Sie helfen Teams, Seitenfamilien konsistent zu halten, ohne jedes Mal den Seitenrahmen neu erstellen zu müssen.
Wann man ein Layout verwenden sollte
Verwenden Sie ein Layout, wenn mehrere Seiten dieselbe strukturelle Erfahrung teilen sollten, z. B.:
- ein Standard-Site-Layout
- ein Landing-Page-Rahmen
- eine Kampagnen-Seitenfamilie
- ein Layout für Dokumentation oder Wissensbereiche
- ein Seitentyp mit gemeinsamen Seitenbereichen, Navigation oder Support-Bereichen
Wenn die Struktur über mehrere Seiten hinweg konsistent bleiben soll, gehört sie in der Regel in ein Layout.
Wann man kein Layout verwenden sollte
Verwenden Sie kein Layout für:
- einmalige Seitenbotschaften
- einen einzelnen Abschnitt, der zum Seiteninhalt gehört
- kleine visuelle Unterschiede, die keinen neuen Seitenrahmen rechtfertigen
Diese gehören normalerweise in Components oder direkt in den Seitenerstellungs-Workflow.
Empfohlener Arbeitsablauf
- Definieren Sie die Seitenfamilie
- Entscheiden Sie, was geteilt bleiben soll
- Erstellen oder wählen Sie das Layout
- Weisen Sie es den richtigen Seiten zu
- Überprüfen Sie die Auswirkungen, bevor Sie ein Live-Layout ändern
Was ein gutes Layout ausmacht
Starke Layouts:
- sind eher strukturell als nachrichten-spezifisch
- unterstützen eine wiederverwendbare Seitenfamilie
- bündeln den gemeinsamen Rahmen an einer Stelle
- vermeiden es, einmalige Kampagnen- oder Seiteninhalte zu enthalten
Je klarer das Layout ist, desto einfacher ist es, Seiten konsistent zu halten.
Häufige Anwendungsfälle
- Haupt-Website-Layout des Unternehmens
- Landing-Page-Layout
- Dokumentations-Layout
- Ressourcen-Layout
Häufige Fehler
- zu viele Layouts mit sehr kleinen Unterschieden erstellen
- einmalige Kampagneninhalte in ein geteiltes Layout legen
- Layouts verwenden, um Abschnittsprobleme zu lösen
- ein geteiltes Layout bearbeiten, ohne alle betroffenen Seiten zu prüfen
Teamhinweise
- halten Sie die Anzahl aktiver Layouts bewusst gering
- entwerfen Sie Layouts für Seitenfamilien, nicht für eine einzelne Seite
- prüfen Sie nachgelagerte Auswirkungen vor strukturellen Änderungen
- verwenden Sie Komponenten für Inhaltsabschnitte, nicht zur strukturellen Überladung