Layout verstehen

Material Design von Google enthält sehr gutes Richtlinien, wie man Res.Des implementiert.

• Gestalten sie das Layout so, dass die Aufmerksamkeit des Users auf die Aktion geführt wird
• Passen Sie Layouts an kompakte, mittlere und große Window size classes an
• Nutzen sie als Grundlage ein kanonisches Layout
• Überlegen Sie, wie Abstände und Teile des Layouts, die zusammenwirken
• Materiallayout gilt für Android und das Web

Begriffe:

Column (Spalte): ein oder mehrere vertikale Inhaltsblöcke innerhalb eines Bereichs
Fold (Falten): bei faltbaren Geräten ein flexibler Bereich des Bildschirms oder bei Geräten mit zwei Bildschirmen ein Scharnier, das zwei Displays trennt
Margin (Rand): der Abstand zwischen dem Bildschirmrand und allen darin enthaltenen Elementen
Multi-window mode (Multi-Window-Modus): Ermöglicht mehreren Apps die gleichzeitige gemeinsame Nutzung desselben Bildschirms
Pane (Bereich): ein Layout-Container, der andere Komponenten und Elemente innerhalb einer einzelnen App enthält. Eine Scheibe kann fest, flexibel, schwebend oder semipermanent sein
Spacer (Abstandhalter): der Abstand zwischen zwei Scheiben
Window size class (Fenstergrößenklasse): eigenwilliger Haltepunkt, die Fenstergröße, bei der sich ein Layout ändern muss, um es an den verfügbaren Platz, Gerätekonventionen und Ergonomie anzupassen

Quelle: Google Mterial Design Guidelines

–> LinkedIn Learning: Design Aesthetics for the Web (ca. 3h / EN) https://www.linkedin.com/learning/design-aesthetics-for-the-web/using-the-exercise-files?autoSkip=true&resume=false&u=36053084