見出し画像

【2023年Webデザイントレンド】弁当箱グリッドデザイン

今年のデザイントレンドの一つ、弁当箱グリッド(Bento Grid)について紹介します。最近デザインのインスピレーションを得るために、いろんなサイトを巡ってどんなデザインがあるのかリサーチしていたところ、弁当箱グリッド(Bento Grid)というレイアウトタイプを採用しているサイトが増えている傾向を発見しました。

またTwitterでも弁当箱グリッド(Bento Grid)について紹介しているのを見つけたので、皆さんと共有していきたいと思います。

弁当箱グリッドデザインとは

Webデザインにおけるグリッドデザインは、ウェブページのレイアウトを規則的なグリッド状のパターンで構築する手法です。この手法では、ウェブページの要素(テキスト、画像、ボタンなど)を均等に配置し、整然とした外観を実現します。

Bento グリッドは非常に多用途で、画像、テキスト、混合メディアなど、あらゆる種類のコンテンツを表示するのに最適です。大量のコンテンツをコンパクトかつ整理された方法で紹介し、Web サイトやアプリをすっきりと魅力的に見せます。

Creating Bento Grid Layouts - Julien

起源

Apple Presentation 

仕様と機能のグリッド ビューを示す Apple のプロモーション ビデオからインスピレーションを得たものであると多くの人が信じていました。さまざまなビジュアルやタイポグラフィーを使用して、退屈な仕様を視覚的に興味深いグリッド スタイルで表現するのはユニークでした

Web design trend: bento box - Junhan

Bento Gridを採用したデザインの事例

Apple Event September 2022: iPhone 14 Pro

Apple Event September 2022: iPhone 14 Pro

Bolt’s branding from Koto

Bolt’s branding from Koto

Halo Branding: Mecha Branding

Halo Branding: Mecha Branding

Design system infrastructure

Design system infrastructure

Tochka website

Tochka website

Koto Studio WhatsApp

Koto Studio WhatsApp

No-code video automation and creation tool for everyone

No-code video automation and creation tool for everyone

clay - Features

clay - Features

参考記事

無料コンテンツ気に入ってくれたら、☕️一杯分ほどの支援をして応援してくれませんか?コーヒーは私にとってクリエイティブな活動の「元気の源」です😆