ベントーグリッド
Bento Grid / 2020s / レイアウト / 情報デザイン
異なる種類の情報を独立した箱へ分け、ひと目で全体像をつかませる。
ひと目で判断
見た目の特徴
- 大小のカード
- 整列した隙間
- 一画面の要約
- モジュール
向いている用途
- 複数機能を一つの物語として紹介する
- 情報量を保ちながら親しみやすく見せる
このスタイルを使う
短い指針を制作へ持ち込むか、構造化された仕様をAIへ渡せます。
詳しい作り方と出典制作ルール、実在作例、比較、研究、引用形式
辞書情報
- 文字
- 素直なサンセリフ。数字や短見出しを大きく
- 構成
- 4〜6列に大小カードを敷き詰める
- 素材
- 面ごとに役割を変え、装飾はカード内に限定
- 注意
- すべて同じカードにしない。重要度で面積と密度を変える。
- 関連研究
- modular dashboard layouts / product storytelling grids
関連項目
- スイス・スタイル（Swiss）共通する印象：信頼。ベントーグリッドとスイス・スタイルの違いを見る
- グラスモーフィズム（Glassmorphism）対比する意味がある項目として編集上つながっている。ベントーグリッドとグラスモーフィズムの違いを見る
情報デザインをさらに見る
同じ「情報デザイン」から、共通する印象が多い順に次の項目を選んだ。
- アイソタイプ（Isotype）共通する印象：信頼 / 技術 / 親密。
- 案内用ピクトグラム（Pictogram System）共通する印象：信頼 / 技術 / 親密。
- スキーマティック路線図（Schematic Transit Diagram）共通する印象：信頼 / 技術。
この項目を引用する
辞典はリンクされるためにある。書いている場所に合う形をそのまま持っていってよい。
- Link
- https://indexstyle.org/ja/styles/bento-grid
- Markdown
- [ベントーグリッド（Bento Grid） — デザインスタイル辞典](https://indexstyle.org/ja/styles/bento-grid)
- HTML
- <a href="https://indexstyle.org/ja/styles/bento-grid">ベントーグリッド（Bento Grid） — デザインスタイル辞典</a>