ベントーグリッドの写真ギャラリー

ベントーグリッドは、日本の弁当箱の仕切りから名前を取ったレイアウトです。2020年代前半にApple製品ページやSaaSの機能紹介で一気に広まりましたが、もともとの発想は雑誌のフォトエッセイに近く、写真の一覧こそ本来の適地です。大小のタイルが噛み合う構造は、作品に自然な格差をつけます。

均一グリッドが失うもの

同じサイズの正方形を並べるギャラリーは、整然としている代わりに、どれを先に見ればいいのか教えてくれません。訪問者の視線は左上から機械的に走査し、途中で飽きて離脱します。ベントーグリッドは、大きさそのものを編集の言葉として使います。主役に4列3行を与え、脇役を2列2行に収める——それだけで、作者がどれを推しているかが一目で伝わります。写真の良し悪しではなく、並べ方が価値を決めるという事実に向き合うレイアウトです。

暗い背景が写真を立たせる理由

写真ギャラリーを暗背景にするのは、単なる雰囲気作りではありません。周囲が明るいと、目は画面全体の平均輝度に順応し、写真の中の明部が沈んで見えます。背景を落とすと写真そのものが光源になり、色の再現域が広く感じられます。美術館の展示室が暗いのと同じ理屈です。タイルの上に下方向のグラデーションを重ねてキャプションを置くのも、写真の情報量を削らずに文字を読ませるための古典的な手法です。

仕上げの判断軸

崩れやすいのはレスポンシブです。カラム数だけ減らして span を固定したままにすると、タイルが画面外へはみ出します。6列→4列→2列と落とすタイミングで span も同時に縮めてください。

写真の縦横比が揃っていない場合は切り抜きで対応できますが、人物や建築は切れ方の確認が要ります。作品数が10点に満たないうちは、ベントーの強弱がノイズに見えることもあります。