Grid view là gì?
Còn gọi: dạng hiển thị lưới
Grid view là cách trình bày danh sách nội dung thành lưới nhiều cột các ô hoặc card cùng kích thước, hợp với nội dung mà hình ảnh quan trọng hơn chữ như ảnh, sản phẩm, video.
Hiểu kỹ hơn
Lưới cho phép người dùng quét nhiều mục cùng lúc và so sánh bằng mắt, nên rất hợp với thư viện ảnh, cửa hàng thời trang, danh sách khoá học có ảnh bìa. Số cột thay đổi theo màn hình: thường 2 cột trên điện thoại, 3 đến 4 cột trên máy tính bảng và 4 đến 6 cột trên máy tính. Các ô nên dùng cùng tỉ lệ ảnh để lưới thẳng hàng. Trong Figma, có thể dựng bằng auto layout chế độ Wrap hoặc Grid với các card Fill container. Nhiều ứng dụng cho phép người dùng tự chuyển giữa grid view và list view, như ứng dụng quản lý tệp. Ví dụ: Pinterest dùng lưới so le (masonry) với ảnh cao thấp khác nhau, còn các sàn thương mại điện tử dùng lưới đều hai cột. Lỗi thường gặp là dùng lưới cho nội dung cần đọc kỹ và so sánh thông số như bảng giá, gói dịch vụ, khi đó list view hoặc bảng dễ đọc hơn.
