Responsive
Presets statt frei definierter Breakpoints
Das responsive Verhalten wird kuratiert. Die Grafik plant also in festen Mustern, nicht in beliebigen Eigenlogiken.
2-Spalten-Module
Empfohlene Stufen
| Preset | Logik | Wann sinnvoll |
|---|---|---|
| Projektstandard | 1-spaltig → 6/6 → Ziel-Ratio | Der Regelfall für 4/8 und 8/4. |
| Früher verdichten | früher nebeneinander, früher Ziel-Ratio | Wenn Inhalte auch auf kleineren Geräten noch genug Luft haben. |
| Sanfter Übergang | länger gestapelt, später 6/6, später Ziel-Ratio | Wenn Textmengen oder Bildformate mehr Breite brauchen. |
| Später verdichten | lange 1-spaltig, Ratio erst auf größeren Screens | Für stark textlastige oder asymmetrische Module. |
3- und 4-Spalten-Module
Lesbarkeit vor Dichte
3 Spalten: typischerweise
1 → 2 → 34 Spalten: typischerweise
1 → 2 → 4Wichtig: kleine Kacheln auf Mobil nicht künstlich in zu viele Spalten zwingen.
Gestaltungsregel: mobile Lesbarkeit und vertikale Klarheit sind wichtiger als maximale Dichte.