Thiết kế các tiện ích Android có thể thích ứng và mở rộng một cách liền mạch. Hãy bắt đầu bằng kích thước mặc định mà chúng tôi đề xuất và thử nghiệm bố cục của bạn trên nhiều kích thước để đảm bảo trải nghiệm người dùng và khả năng đọc được tối ưu.
Kích thước mặc định
Cung cấp trải nghiệm tiện ích đẹp mắt bằng cách tối ưu hoá bố cục cho ít nhất một trong các kích thướ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 các 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. Hãy 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 trải nghiệm người dùng chất lượng.
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 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 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 | 424 | 672 |
3x4 | 456 | 672 | 344 | 488 |
Điểm ngắt
Điểm ngắt rất cần thiết để tạo các tiện ích có thể thay đổi kích thước và thân thiện với người dùng, dễ điều chỉnh. Bằng cách kiểm thử thiết kế, bạn có thể xác định các ngưỡng kích thước cần thiết để điều chỉnh bố cục. Hãy triển khai các điểm ngắt để kích hoạt các thay đổi này để đảm bảo tiện ích của bạn luôn hấp dẫn về mặt hình ảnh và chức năng ở mọi kích thước.
Điểm ngắt cũng cho phép bạn linh hoạt đưa vào hoặc loại trừ nội dung bổ sung theo cách có điều kiện, qua đó 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.
Điền vào ranh giới
Một trong những lý do chính khiến người dùng xoá tiện ích là do các thành phần khác trên màn hình chính không thẳng hàng. Để ngăn chặn điều này, hãy đảm bảo 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ổ.