Bento Grid
ベントーグリッド / 2020s / Layout / Informationsdesign
Teilt unterschiedliche Arten von Information in eigenständige Kästen und gibt so das Gesamtbild auf einen Blick.
Auf einen Blick
Visuelle Merkmale
- Große und kleine Karten
- Ausgerichtete Stege
- Übersicht auf einem Screen
- Module
Geeignet für
- Viele Funktionen als eine Erzählung vorstellen
- Dicht informieren und dabei zugänglich bleiben
Diesen Stil verwenden
Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate
Wörterbucheintrag
- Typografie
- Eine schlichte Grotesk, bei der Zahlen und kurze Überschriften groß gesetzt werden
- Komposition
- Große und kleine Karten dicht auf vier bis sechs Spalten anordnen
- Material
- Jeder Fläche eine eigene Rolle geben und Dekor auf das Innere der Karten beschränken
- Zu vermeiden
- Gestalten Sie nicht alle Karten gleich, sondern stufen Sie Fläche und Dichte nach Wichtigkeit ab.
- Zum Weiterlesen
- modular dashboard layouts / product storytelling grids
Verwandte Einträge
- Swiss (スイス・スタイル)Gemeinsame Wirkungen: Trust.Bento Grid und Swiss vergleichen
- Glassmorphism (グラスモーフィズム)Redaktionell für einen hilfreichen Kontrast verknüpft.Bento Grid und Glassmorphism vergleichen
Mehr aus Informationsdesign
Weitere Stile aus Informationsdesign, nach gemeinsamen Wirkungen geordnet.
- Isotype (アイソタイプ)Gemeinsame Wirkungen: Trust / Technique / Intimacy.
- Pictogram System (案内用ピクトグラム)Gemeinsame Wirkungen: Trust / Technique / Intimacy.
- Schematic Transit Diagram (スキーマティック路線図)Gemeinsame Wirkungen: Trust / Technique.
Alle Einträge aus Informationsdesign ansehen
Diesen Eintrag zitieren
Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.
- Link
- https://indexstyle.org/de/styles/bento-grid
- Markdown
- [Bento Grid — IndexStyle](https://indexstyle.org/de/styles/bento-grid)
- HTML
- <a href="https://indexstyle.org/de/styles/bento-grid">Bento Grid — IndexStyle</a>