Thiết kế cho Android bao gồm nhiều khía cạnh và thiết bị độc đáo; chỉ xem xét các điểm dừng là chưa đủ. Người dùng có thể điều chỉnh và định hướng lại các cửa sổ ứng dụng trên thiết bị của họ. Với thiết bị có thể gập lại, một thiết bị có thể đáp ứng tất cả các trường hợp sử dụng này. Bạn cần phải suy nghĩ theo ngăn để nội dung có thể thích ứng.
Thay đổi hướng
Không khoá ứng dụng ở hướng dọc. Việc này có thể trông giống như một lỗi và tạo ra hiệu ứng hộp thư không mong muốn khi bạn làm nhiều việc cùng lúc.
Người dùng thường định hướng lại thiết bị của họ để phù hợp với công thái học và xem nội dung. Ứng dụng của bạn phải hỗ trợ những thay đổi về hướng này.
Trên các thiết bị lớn hơn, hướng dọc và ngang có thể có hiệu ứng tinh tế hơn khi chuyển từ kích thước trung bình sang lớn, nhưng hướng ngang cung cấp kích thước cửa sổ trung bình với chế độ xem dọc nhỏ gọn.
Hãy cân nhắc các phương pháp thiết kế sau đây cho hướng ngang:
Hỗ trợ thanh hệ thống tràn viền.
Quyết định thành phần điều hướng hỗ trợ tốt nhất cho nội dung của bạn, chẳng hạn như thanh điều hướng ngang hoặc dải điều hướng.
Cân nhắc việc sắp xếp lại nội dung hoặc thay đổi mật độ.
Bố cục ngang có thể sử dụng giao diện người dùng có chiều rộng trung bình.
Hướng ngang có thể tận dụng chiều cao giảm của thanh điều hướng ở dưới cùng theo hướng ngang.
Đối với nội dung, hãy thử sử dụng một vùng chứa để tạo hiệu ứng hộp thư cho nội dung hoặc sử dụng hướng nội dung khác khi có, chẳng hạn như video dọc thay vì video ngang. Nội dung có chiều rộng đầy đủ trên màn hình dọc nhỏ gọn chiếm phần lớn màn hình trong bố cục ngang lớn. Nếu nội dung không cuộn ở hướng dọc, thì đừng để nội dung cuộn ở hướng ngang, vì điều này có thể khiến người dùng bị nhầm lẫn.
Hình ảnh chính chiếm không gian nổi bật và cố định. Thanh ứng dụng ở dưới cùng sẽ tách ra.
Từ hướng dọc sang hướng ngang: cả hai nhóm vùng chứa đều xoay tại chỗ.
Đối với trang bộ lọc, thành phần trang có thể thay đổi thành trang bên. Nếu cần chú ý hơn, trang vẫn ở chế độ toàn màn hình nhưng thích ứng với bố cục hai cột.
Tư thế
Tính đến các trường hợp sử dụng kiểu dáng độc đáo, chẳng hạn như tư thế gập (gập, phẳng và trên mặt bàn).
Ứng dụng của bạn không cần phải tính đến mọi tư thế, nhưng hãy cân nhắc tận dụng một tư thế cho ứng dụng của bạn. Ví dụ: trình phát đa phương tiện có thể hiển thị giao diện người dùng độc đáo trên mặt bàn và trang bìa.
Không đổi
Thiết bị có thể gập lại ở tư thế không đổi khi mở ra. Màn hình thường có kích thước trung bình hoặc lớn.
Khi gập
Khi thiết bị có thể gập lại ở trạng thái đóng, thiết bị sẽ ở tư thế gập. Ở tư thế này, bạn tương tác với màn hình ngoài, thường là màn hình nhỏ gọn.
Trên mặt bàn
Tư thế trên mặt bàn là tư thế gập một phần ở vị trí ngang. Tư thế này cho phép bạn sử dụng các bố cục độc đáo, chẳng hạn như các nút điều khiển lớn và video ngang.
Bản lề
Hãy làm cho ứng dụng của bạn nhận biết được bản lề để nội dung có thể chuyển đổi mượt mà và không bị mất trong bản lề. Điều này có thể không cần thiết trên các bố cục một ngăn. Tuy nhiên, hãy cân nhắc xem các nút điều khiển và văn bản có nên tránh không gian bản lề hay không.
Nếu bạn đang thiết kế bằng lưới bố cục và ngăn, hãy cho phép một khoảng trống rộng hơn để phù hợp với bản lề, chẳng hạn như trong bố cục danh sách-chi tiết hai ngăn.
Một số thiết bị có thể gập lại, chẳng hạn như thiết bị gập ba, có nhiều bản lề.
Nắp
Một số điện thoại có thể gập lại có thể có màn hình ngoài ở tỷ lệ khung hình vuông, giống như điện thoại nắp gập.
Khi thiết kế cho màn hình ngoài, hãy làm theo các nguyên tắc sau:
- Đảm bảo các ứng dụng tràn viền.
- Đảm bảo các phần tử giao diện người dùng không bị các phần cắt của camera che khuất.
- Tập trung vào các trường hợp sử dụng và giao diện người dùng.
Ví dụ: khi một thiết bị chỉ được dùng làm trình phát đa phương tiện, ảnh bìa có thể trở thành hình nền để hiển thị chế độ xem nhanh cần ít thông tin hơn.
Trên các màn hình và tỷ lệ khung hình nhỏ hơn, hãy cân nhắc trải nghiệm nội dung tập trung. Hình ảnh chính chiếm phần lớn trang bìa để thu hút thị giác, với một cái nhìn thoáng qua về tiêu đề và nội dung để dễ dàng cuộn và đọc.
Trang bìa phải tập trung cao vào việc nhập. Ví dụ: khi bàn phím xuất hiện, thông báo là tiêu điểm chính.
Ở các màn hình nhỏ hơn, chẳng hạn như trang bìa, trang bộ lọc ở chế độ toàn màn hình, nhưng vị trí và tỷ lệ của nút sẽ thích ứng.
Mặc dù nhỏ gọn, nhưng dải điều hướng có thể phù hợp hơn với công thái học trên màn hình ngoài.
Các trang bìa lớn hơn có thể tận dụng một trong hai hướng điều hướng. Hãy cân nhắc cách người dùng có thể tương tác với nội dung.
Một dải điều hướng nhỏ có thể tránh giao diện người dùng hệ thống và các phần cắt của camera trong khi vẫn tôn trọng chiều cao được thu gọn.
Nên
