Trang này được dịch bởi Cloud Translation API.

Lưới

Chế độ xem dạng lưới hiển thị hai hoặc nhiều cột hình ảnh đại diện cho các mục nội dung, với văn bản ngắn gọn bên dưới mỗi hình ảnh. Chế độ xem này phù hợp nhất khi người dùng chủ yếu dựa vào hình ảnh để lựa chọn.

Các ô lưới có thể cuộn theo chiều dọc và có thể thay đổi kích thước, khoảng cách và số cột. Nội dung trong lưới cũng có thể được nhóm thành các danh mục.

Thành phần danh sách các mục

Danh sách cung cấp một cách khác để hiển thị nội dung cần nhiều văn bản giải thích hơn.

Giải phẫu học

Các lưới chứa văn bản và các điều khiển giao diện người dùng. Vì người dùng phải tương tác với chúng, nên chúng không bao giờ được che khuất, dù là bởi các phần tử khác hay bởi cạnh màn hình.

Thông số kỹ thuật

Thành phần danh sách các mục

Thông số kỹ thuật, hướng dẫn kiểu dáng và nhiều hơn nữa.

Lưới nội dung (3 hoặc 4 cột)

Lưới ứng dụng (4 cột)

Lưới ứng dụng với các mục thường dùng ở hàng trên cùng

Vị trí đặt biểu tượng chỉ báo trong bố cục lưới

Điều chỉnh tỷ lệ bố cục

Các bố cục tham khảo này cho thấy cách điều chỉnh lưới để phù hợp với màn hình có chiều rộng và chiều cao khác nhau. Lưu ý rằng tất cả các giá trị pixel đều là pixel đã được hiển thị, trước khi bất kỳ quá trình giảm kích thước hoặc tăng kích thước nào diễn ra.

Màn hình chiều rộng tiêu chuẩn

Màn hình rộng

Màn hình cực rộng và siêu rộng

Khoảng cách dọc giữa các ô ứng dụng trên màn hình có chiều cao khác nhau

Phong cách

Kiểu chữ

Màu sắc

Kích thước

Độ cao

Ví dụ