Màn hình lớn | Thiết kế giao diện người dùng | Large Screens

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

Thiết kế cho màn hình lớn

Tạo trải nghiệm người dùng hấp dẫn và chất lượng cao trên máy tính bảng, thiết bị có thể gập lại và thiết bị ChromeOS.

Chuyển đến trang nền tảng cho màn hình lớn

Tìm nguồn cảm hứng

Thư viện

Tham quan thư viện thiết bị màn hình lớn

Khám phá các thiết kế truyền cảm hứng, được tối ưu hoá dành cho thiết bị màn hình lớn. Duyệt xem các mẫu giao diện người dùng/trải nghiệm người dùng cho các danh mục ứng dụng phổ biến, bao gồm nội dung đa phương tiện, nội dung sáng tạo, trò chơi, v.v.

Xem thư viện

Sử dụng các quy luật đã được chứng minh

Bố cục chuẩn đảm bảo trải nghiệm người dùng tối ưu cho mọi kiểu dáng màn hình lớn (máy tính bảng, thiết bị có thể gập lại và thiết bị ChromeOS), cũng như hỗ trợ mọi kích thước của điện thoại. Các thành phần ngăn và dải điều hướng cung cấp tính năng điều hướng từ xa để thuận tiện cho việc điều khiển và thuận tiện cho giao diện người dùng.

Chuẩn

Danh sách-chi tiết

Cho phép truy cập vào thông tin mô tả, nội dung giải thích hoặc thông tin bổ sung khác cho nội dung được sắp xếp trong danh sách chỉ bằng một lần nhấp.

Tìm hiểu về danh sách-chi tiết

Chuẩn

Nguồn cấp dữ liệu

Sắp xếp các thành phần nội dung trong lưới mở rộng, liên kết các thành phần theo kích thước và vị trí, thu hút sự chú ý đến các thành phần bằng cách sử dụng tỷ lệ và quy mô.

Tìm hiểu về nguồn cấp dữ liệu

Chuẩn

Ngăn hỗ trợ

Sắp xếp ứng dụng thành các khu vực hiển thị chính và phụ để dễ dàng truy cập và áp dụng các công cụ, lựa chọn và chế độ cài đặt cho nội dung chính.

Tìm hiểu về ngăn bổ trợ

Chuẩn

Ngăn và dải điều hướng

Bổ sung bố cục chuẩn bằng cách định vị đích đến điều hướng chính trong phạm vi tiếp cận dễ dàng mà chỉ chiếm không gian màn hình tối thiểu.

Tìm hiểu về các phần tử điều hướng

Nhỏ gọn

< 600 dp

Medium

≥ 600 – < 840 dp

Mở rộng

≥ 840 dp

Sử dụng các lớp kích thước cửa sổ

Sử dụng các lớp kích thước cửa sổ nhỏ gọn, trung bình và mở rộng để hỗ trợ nhiều kiểu dáng nhằm mang lại trải nghiệm người dùng tối ưu.

Tìm hiểu thêm về các lớp kích thước cửa sổ

Sử dụng hệ thống thiết kế đã được chứng minh

Dùng thử Material Design 3

Material Design 3 là một hệ thống nguồn mở, có thể điều chỉnh bao gồm các nguyên tắc, thành phần và công cụ nhằm hỗ trợ các phương pháp hay nhất để thiết kế giao diện người dùng.

Truy cập trang web Material Design