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 Nền tảng có 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 điện thoại. Các thành phần ngăn và dải điều hướng cung cấp khả năng điều hướng từ xa để thuận tiện và điều khiển 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

Bảng điều khiể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ề bảng điều khiển hỗ 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 có kích thước cửa sổ nhỏ gọn, trung bình và mở rộng để hỗ trợ nhiều hệ số hình dạng nhằm mang lại trải nghiệm tối ưu cho người dùng.

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