みなさんこんにちは！
近年よく見かける、お弁当箱のように要素が区切られたデザインのHPをみなさんは見たことがありますでしょうか。
「Bento UI」とは2023年あたりから今でも人気のwebデザインのトレンドです。
主な特徴として、
・視覚的に分かりやすい
・シンプル
・機能的
・かっこよくておしゃれ
・1画面でたくさんの情報を見ることができる
上記のようなものが挙げられます。
「Bento UI」のデザインが向いているもの・向いていないものあると思いますが、今回は弊社HPのトップページメイン部分を「Bento UI」でデザインし直してみようと思います！
使用するソフトはFigmaです。
それでは早速作ってみましょう！
制作の流れ
１）掲載する内容を決める
２）大まかな配置を決める
３）「Bento UI」デザインに沿ってグリッド分けをしていく
４）フォントや色、余白や装飾などで見た目を整える
上記のような流れで作成しました。
１）２）の工程ではいい感じなのに３）で「Bento UI」のグリッド分けが上手くいかず、少し冴えない印象になってしまう…といったことが何度か起きました。
シンプルなデザインなので割と簡単なのかと思いきや、シンプルゆえの配置の重要さ・掲載する内容の量のバランス感などに悩まされました。
完成品
こちらが完成したデザインになります！
キャッチの文章と写真が大きく目立つ構成で作成してみました。
制作途中のボツ案では、もっと情報をたくさん詰め込んだ案や画像をたくさん並べた案などありましたが、結果としてこれに行き着きました。
グリッドが少ないためあまり「Bento UI」感がない、「Bento UI」の良さである機能性があまり活かせていないなど反省点は色々とありますが、「Bento UI」がどのようなものか体験できてよかったです。
まとめ
「Bento UI」、いかがでしたでしょうか。
これからもWEBデザインのトレンドは積極的に追って試していってみようと思います！
以上、「webデザインのトレンド「Bento UI（弁当箱風グリッドデザイン）」でHPを作ってみた」でした！
■□■□■□■□■□■□■□■□■□■□
営業時間：平日9：00〜18：00
●福岡オフィス
〒810-0042
福岡市中央区赤坂1-12-6 赤坂Sビル2F
TEL：092-726-5550 FAX：092-726-5558
●宮崎出張所
〒880-0001
宮崎県宮崎市橘通西3-10-32
宮崎ナナイロ東館8FATOMica内
⇒ メールでのお問合せ
⇒ ホームページ制作実績
⇒ 会社案内
■□■□■□■□■□■□■□■□■□■□
