デザイン表現史RESEARCH EDITION作品・制作の例3件を紹介しています。実作品画像0点、参照・関連画像0点。画像の収集は継続中です。
現代の画面表現・説明用の分類
Bento layouts
大小の四角い箱に、写真や短い説明を分けて入れます。弁当箱の仕切りに見立てて、「ベントー」レイアウトとも呼ばれます。関連する情報を一まとまりにする方法です。
実作品の画像は、まだ掲載していません。下の出典リンクから作品を確かめられます。参照図や説明図は、実作品の画像とは別に数えます。
歴史上の定評ある代表作と断定する選定ではありません。制作側の説明や教材から、表現が確かめられる例を区別して掲載しています。
表現が確かめられる制作事例
政策資料を整理するために、制作側がベントー・グリッド（弁当箱のような区画）と説明する配置を使いました。
作品・資料の出典を見る ↗原題：Center for Community Solutions ウェブサイト
スラム・メディア・ラボ / 2023年10月–2024年3月の制作 / ウェブサイト
日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。
画像の転載条件は未確認。出典の公開は転載許諾ではありません。
表現が確かめられる制作事例
制作者がベントー形式の部分と呼ぶ部分を含む企業サイトです。
作品・資料の出典を見る ↗原題：Inovaxio ウェブサイト
ヴィクター・フェレイラ / 制作年未確認 / ウェブサイト
日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。
画像の転載条件は未確認。出典の公開は転載許諾ではありません。
参考教材（配置をつくる技術）
画面幅に応じて一列から三列へ組み替える例があります。見た目の順と読み上げ順を合わせる考え方も説明されています。
作品・資料の出典を見る ↗原題：CSS Grid：共通レイアウトの実装例
エムディーエヌの共同執筆者 / 継続更新 / 技術教材（比較資料）
日本語の見出しは読みやすさのための呼び名・説明名です。原題は記録欄に示しています。
画像の転載条件は未確認。出典の公開は転載許諾ではありません。
日本の弁当そのものの歴史や、特定の国の伝統的な作法を説明する言葉ではありません。ウェブの箱型配置に付けられた、近年の呼び名として扱います。
箱の色を変えると分類を示せますが、色なしでも違いが分かるようにします。
一つの箱に何を伝えたいか、短い見出しで示します。
箱の大きさと情報の大切さが対応しているか見ます。
大きな画面で整っていても、スマートフォンで並び替えた順序を確かめます。
グリッドは、行と列で並べるための広い仕組みです。弁当型の見た目はその一例で、すべてのグリッドが弁当型ではありません。
読み上げ順やキーボードの移動順が、見た目の順序と食い違わないことも大切です。
実際の制作二例と技術教材一例です。エムディーエヌ（ウェブ技術の解説サイト）の例をベントー形式の発祥例として扱いません。
作品・制作の例3件を紹介しています。実作品画像0点、参照・関連画像0点。画像の収集は継続中です。