Moin,
ich finde diese verschachtelten Blöcke — gern als
Bento
Layout bezeichnet — sehr gelungen und insgesamt sehr vielseitig einsetzbar.
Ich finde deinen neuen
Bento Block
extrem gut gelungen
Das
Bento Grid Design ist ein moderner Layout-Trend im Webdesign, der Inhalte in strukturierten, kachelartigen Boxen anordnet, ähnlich einer japanischen Bentō-Box, in der verschiedene Speisen durch Trennwände isoliert sind:
https://de.wikipedia.org/wiki/Bent%C5%8D
Ich finde diese Bezeichnung allerdings verwirrend, denn das „Bento“ Layout ist im Grunde sehr ähnlich dem seit langem bekannten „Masonry“ (Mauerwerk) Layout.
https://www.mobirise-tutorials.com/Tuto ... llery.html
Masonry Grid bedeutet: Elemente werden in Spalten oder Reihen automatisch so gepackt, dass Lücken vermieden werden. Typisch: Pinterest-Layout. Eine Achse ist ein normales Raster, die andere Achse stapelt flexibel; kürzere Karten lassen keine leeren Löcher, weil nachfolgende Elemente „hoch rutschen“.
Bento Grid bedeutet: Inhalte werden bewusst in klar abgegrenzte, modulare Kacheln/Fächer gesetzt, ähnlich einer Bentō-Box. Die Kacheln können unterschiedlich groß sein, folgen aber meist einer geplanten, ruhigen Komposition mit visueller Hierarchie.
Falsch ist die Behauptung, Mobirise hätte so etwas nicht.
Gerade die neueren Erweiterungen wimmeln nur so von solchen Blöcken. Deine Animation, die ohnehin nichts mit dem Bento‑Design zu tun hat und mir sonst manchmal etwas zu heftig erscheint, ist hier jedoch sehr gut integriert: Man kann sie dezent einsetzen oder bei Bedarf komplett deaktivieren. Besonders gelungen ist die Idee der Maus‑Animation, die über mehrere Blöcke hinweg sichtbar ist.
Ein Bento-Layout darf interaktiv sein, sollte aber seine ruhige, modulare Struktur nicht verlieren. Dezente Hover-Effekte passen meist besser als starke Bewegungen, Drehungen, Sprünge oder hektische Animationen.
Unten zwei Beispiele für Bento‑Blöcke von Mobirise.
