Thư viện thuật ngữ / Đồ hoạ

Bố cục bento là gì?

Còn gọi: bento grid, bento layout, bento box layout, lưới bento

Bento grid là kiểu bố cục chia nội dung thành các ô chữ nhật bo góc có kích thước khác nhau, ghép khít vào một khối như hộp cơm bento của Nhật, mỗi ô chứa một tính năng hay một thông điệp.

Ảnh minh hoạ Bố cục bento (bento grid): một trang giới thiệu sản phẩm dạng bento với 7 ô kích thước khác nhau (ô lớn chứa ảnh sản phẩm, ô nhỏ chứa con số và icon), có lưới nền nét mảnh
Một trang giới thiệu sản phẩm dạng bento với 7 ô kích thước khác nhau (ô lớn chứa ảnh sản phẩm, ô nhỏ chứa con số và icon), có lưới nền nét mảnh

Hiểu kỹ hơn

Kiểu bố cục này phổ biến nhờ các slide giới thiệu sản phẩm của Apple và lan rộng sang landing page, portfolio, giao diện dashboard và bài đăng mạng xã hội. Ưu điểm: trình bày nhiều điểm ngắn gọn trong một màn hình, có thứ bậc rõ nhờ ô lớn ô nhỏ, và dễ chuyển sang di động bằng cách xếp ô thành một cột. Bí quyết làm đẹp: khoảng cách giữa các ô đều nhau, góc bo thống nhất, mỗi ô chỉ một ý, và có một hai ô lớn làm điểm nhấn. Nếu ô nào cũng nhiều chữ, bento sẽ thành rối.