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

Lưới

Chế độ xem lưới hiển thị hai hoặc nhiều cột hình ảnh đại diện cho mục nội dung, với văn bản ngắ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 về 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 mục trong danh sách

Danh sách là một cách khác để trình bày nội dung cần có văn bản giải thích hơn

Phân tích

Lưới chứa các thành phần điều khiển trên giao diện người dùng và văn bản. Do người dùng phải phản hồi quảng cáo, nên bạn không được để các thành phần khác hoặc cạnh màn hình che khuất quảng cáo.

Mục lưới

Văn bản chính và phụ

Nền lưới

Thông số

Nhãn bố cục

Định nghĩa về E, M, KL, P, Flex

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

Thông số kỹ thuật, nguyên tắc về kiểu, v.v.

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

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

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

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

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

Những bố cục tham chiếu này cho thấy cách điều chỉnh lưới cho phù hợp với các màn hình có chiều rộng và chiều cao khác nhau. (Danh mục chiều rộng và chiều cao được xác định trong phần Bố cục.) Lưu ý rằng tất cả các giá trị pixel đều tính bằng pixel được kết xuất, trước khi xảy ra bất kỳ quá trình giảm hoặc tăng tần số lấy mẫu nào.

Bố cục

Lề, keyline và khoảng đệm cho nhiều kích thước màn hình

Nhãn bố cục

Định nghĩa về E, M, KL, P, Flex

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

Màn hình rộng

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

Khoảng cách theo chiều dọc của lưới ứng dụng trên các màn hình có chiều cao khác nhau

Đối với màn hình ngắn, khoảng cách theo chiều dọc phải giảm giữa các mục nội dung lưới, giữa các biểu tượng và tiêu đề ứng dụng.

Kiểu

Nguyên tắc về kiểu chữ

Tệp tham chiếu theo tỷ lệ và lưới, ví dụ về kiểu chữ và nhiều nội dung khác

Nguyên tắc về màu

Bảng khung hiển thị, giá trị độ cao và độ mờ, v.v.

Kiểu chữ

Kiểu nhập	Phông chữ	Trọng lượng	Kích thước (dp)
Kiểu nội dung 1	Roboto	Bình thường	32
Kiểu nội dung 2	Roboto	Bình thường	28
Nội dung 3	Roboto	Bình thường	24

Màu

Phần tử	Màu(chế độ ban ngày)	Màu (chế độ ban đêm)
Loại / biểu tượng chính	Trắng	Trắng @ 88%
Loại / biểu tượng phụ	Trắng @ 72%	Trắng @ 60%
Đường phân chia	Trắng @ 22%	Trắng @ 12%
Nền lưới	màu đen	màu đen
Màn hình nội dung	Không áp dụng	Đen @ 22%
Cắt bớt chuyển màu	Màu đen @ 0-100% trong 10% không gian văn bản	Màu đen @ 0-100% trong 10% không gian văn bản