Thiết kế cho thiết bị có thể gập lại: Tư thế, kích thước cửa sổ và cử chỉ
Cách thiết kế ứng dụng cho điện thoại có thể gập lại: bố cục gập và mở, tư thế mặt bàn và sách, lớp kích thước cửa sổ, tính liên tục và cử chỉ gần màn hình đầu tiên.
Điểm chính
Thiết kế bố cục có thể gập lại theo kích thước cửa sổ có sẵn, không phải kiểu thiết bị: Các lớp kích thước cửa sổ của Android coi chiều rộng dưới 600dp là thu gọn, 600 đến 840dp là trung bình và 840 đến 1200dp là mở rộng. Hỗ trợ các tư thế gập, mở và nửa mở (mặt bàn), giữ nguyên vị trí của người dùng khi gập hoặc mở thiết bị, đồng thời giữ nội dung chính và các mục tiêu cảm ứng cách xa màn hình gập.
tư thế
Tài liệu dành cho nhà phát triển của Android mô tả các thiết bị có thể gập lại ở một số tư thế: gấp, mở phẳng, mở phẳng xoay theo chiều ngang và mở một nửa, được gọi là mặt bàn. Màn hình gập chia màn hình thành hai phần, dưới dạng vùng linh hoạt của một màn hình hoặc dưới dạng bản lề giữa hai màn hình và nó có thể che khuất một phần của màn hình.
Thiết kế theo lớp kích thước cửa sổ
Thay vì nhắm mục tiêu các thiết bị cụ thể, Android nhóm không gian có sẵn thành các lớp kích thước cửa sổ. Chiều rộng nhỏ gọn (dưới 600dp) bao phủ hầu hết tất cả các điện thoại ở chế độ dọc; chiều rộng trung bình (600 đến 840dp) bao phủ hầu hết các máy tính bảng ở chế độ dọc và nhiều màn hình lớn bên trong được mở ở chế độ dọc; chiều rộng mở rộng (840 đến 1200dp) bao gồm hầu hết các máy tính bảng và màn hình mở lớn ở chế độ ngang. Các lớp học lớn và cực lớn bao gồm máy tính bảng và máy tính để bàn lớn hơn.
Bố cục sử dụng nếp gấp
Các mẫu phổ biến:
- Gấp: bố cục điện thoại bình thường.
- Mở phẳng: bố cục danh sách chi tiết hoặc hai ngăn, với mỗi ngăn ở một bên của màn hình đầu tiên.
- Mặt bàn: nội dung như video ở nửa trên, điều khiển ở nửa dưới.
- Không bao giờ đặt nút, dòng văn bản hoặc bề mặt trên màn hình đầu tiên.
Tính liên tục
Khi ai đó mở thiết bị đang thực hiện tác vụ, ứng dụng sẽ tiếp tục như cũ: cùng một vị trí cuộn, cùng một bản nháp, cùng một lần phát lại. Hãy coi việc gấp và mở ra như một thay đổi về bố cục chứ không phải khởi động lại và tạo hoạt ảnh cho quá trình chuyển đổi để mọi người có thể theo dõi nơi nội dung được di chuyển.
Cử chỉ và phạm vi tiếp cận
Màn hình mở lớn hơn sẽ thay đổi phạm vi tiếp cận của ngón tay cái: đặt các nút điều khiển thường xuyên gần các cạnh nơi đặt tay và tránh các thao tác vuốt cạnh xung đột với cử chỉ của hệ thống. Chuyển động dựa trên vật lý cũng hữu ích ở đây: các tấm trượt và cố định bằng lò xo khiến cho việc thay đổi giữa các tư thế trở nên tự nhiên hơn là chói tai.
Nguyên tắc chính cần nhớ
- Thiết kế theo loại kích thước cửa sổ, không phải kiểu thiết bị
- Nhỏ gọn < 600dp, trung bình 600–840dp, mở rộng 840–1200dp
- Hỗ trợ các tư thế gập, mở và để bàn
- Giữ nội dung và điều khiển khỏi màn hình đầu tiên
- Giữ nguyên trạng thái và thay đổi tư thế sinh động
Câu hỏi thường gặp
Nguồn
- Learn about foldables — Nhà phát triển Android
- Use window size classes — Nhà phát triển Android