Kích thước

Thiết kế các tiện ích Android có khả năng thích ứng và điều chỉnh quy mô một cách liền mạch. Hãy sử dụng kích thước mặc định mà chúng tôi đề xuất làm điểm xuất phát và kiểm thử bố cục trên nhiều kích thước khác nhau để đảm bảo khả năng đọc và trải nghiệm người dùng tối ưu.

Kích thước mặc định

Mang đến trải nghiệm tiện ích hoàn hảo bằng cách tối ưu hoá bố cục cho ít nhất một trong các kích thước được đề xuất của chúng tôi. Đảm bảo vị trí và chế độ hiển thị chính xác trong bộ chọn tiện ích bằng cách xác định các thuộc tính targetCellWidth và targetCellHeight cho cả thiết bị cầm tay và máy tính bảng.

Các giá trị này dựa trên thiết bị Pixel. Hãy sử dụng các kích thước này làm điểm bắt đầu cho thiết kế tiện ích của bạn. Kiểm thử kỹ lưỡng tiện ích của bạn ở nhiều kích thước và trên nhiều thiết bị để đảm bảo mang lại trải nghiệm người dùng chất lượng cao.

Cầm tay

Kích thước Chiều rộng tối thiểu Chiều rộng tối đa Chiều cao tối thiểu Chiều cao tối đa
2x1 109 306 56 130
2x2 109 306 115 276
2x3 109 306 185 422
4x1 245 624 56 130
4x2 245 624 115 276
4x3 245 624 185 422

Máy tính bảng

Kích thước Chiều rộng tối thiểu Chiều rộng tối đa Chiều cao tối thiểu Chiều cao tối đa
2x1 180 304 64 120
2x2 180 304 184 304
2x3 180 304 304 488
3x1 328 488 64 120
3x2 298 488 184 304
3x3 298 488 304 488
3x4 298 488 424 672

Tiện ích trên Android Auto

Khi bạn tạo tiện ích trên Auto, các tiện ích sẽ được mở rộng để phù hợp với màn hình thiết bị lớn hơn. Lưới 2x2 hoạt động hiệu quả nhất ở chế độ Tự động. Để biết thêm thông tin, hãy xem bài viết Điều chỉnh tiện ích cho ô tô.

Điểm ngắt

Điểm ngắt là yếu tố cần thiết để tạo ra các tiện ích có thể điều chỉnh kích thước, thân thiện với người dùng và có khả năng thích ứng. Bằng cách kiểm thử thiết kế, bạn có thể xác định chính xác các ngưỡng kích thước cần điều chỉnh bố cục. Triển khai các điểm ngắt để kích hoạt những thay đổi này, đảm bảo tiện ích của bạn duy trì tính hấp dẫn về mặt hình ảnh và chức năng ở mọi kích thước.

Các điểm ngắt cũng mang lại sự linh hoạt để có thể tuỳ ý thêm hoặc loại trừ nội dung bổ sung, tối ưu hoá việc sử dụng không gian dựa trên kích thước của tiện ích.

Hình 1: Sử dụng điểm ngắt để thay đổi bố cục ở nhiều kích thước.

Điền vào các ranh giới

Một trong những lý do chính khiến người dùng xoá tiện ích là do tiện ích không thẳng hàng với các thành phần khác trên màn hình chính. Để ngăn chặn điều này, hãy đảm bảo rằng tiện ích của bạn luôn lấp đầy hoàn toàn không gian lưới được phân bổ.

Nên

Đảm bảo vùng chứa kéo dài từ cạnh này sang cạnh khác ở mọi kích thước.

Không nên

Thêm khoảng đệm tuỳ chỉnh. Tiện ích của bạn phải hiển thị liền mạch từ cạnh này sang cạnh khác.

Nên

Đảm bảo hình dạng không phải hình chữ nhật của bạn chạm vào lưới theo trục dọc hoặc trục ngang để đảm bảo tính nhất quán về mặt hình ảnh.

Không nên

Sử dụng hình vuông cố định. Thay vào đó, hãy sử dụng các vùng chứa hình chữ nhật thích ứng để phù hợp với nhiều kích thước lưới.