Bento Grid
ベントーグリッド / 2020s / Mise en page / Design d'information
Répartit des informations de natures différentes en boîtes indépendantes, offrant la vue d’ensemble d’un seul regard.
En un coup d’œil
Signes visuels
- Cartes grandes et petites
- Gouttières alignées
- Synthèse en un écran
- Modules
Usages idéaux
- Présenter de nombreuses fonctions comme un seul récit
- Garder la densité d'information tout en restant accessible
Utiliser ce style
Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations
Entrée du dictionnaire
- Typographie
- Une linéale simple, avec chiffres et titres courts en grand
- Composition
- Remplir une grille de quatre à six colonnes de cartes grandes et petites
- Matière
- Varier le rôle de chaque plan et limiter l'ornement à l'intérieur des cartes
- Précaution
- Ne faites pas toutes les cartes identiques, mais variez la surface et la densité selon l'importance.
- Pour approfondir
- modular dashboard layouts / product storytelling grids
Entrées liées
- Swiss (スイス・スタイル)Effets partagés : Trust.Comparer Bento Grid et Swiss
- Glassmorphism (グラスモーフィズム)Lien éditorial pour une comparaison utile.Comparer Bento Grid et Glassmorphism
Plus de Design d'information
Poursuivez avec des styles de Design d'information, classés par effets communs.
- Isotype (アイソタイプ)Effets partagés : Trust / Technique / Intimacy.
- Pictogram System (案内用ピクトグラム)Effets partagés : Trust / Technique / Intimacy.
- Schematic Transit Diagram (スキーマティック路線図)Effets partagés : Trust / Technique.
Voir toutes les entrées Design d'information
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/bento-grid
- Markdown
- [Bento Grid — IndexStyle](https://indexstyle.org/fr/styles/bento-grid)
- HTML
- <a href="https://indexstyle.org/fr/styles/bento-grid">Bento Grid — IndexStyle</a>