Thiết kế thích ứng là phương pháp thiết kế bố cục thích ứng với các điểm ngắt và thiết bị cụ thể.
Để triển khai bố cục thích ứng một cách hiệu quả, hãy làm như sau:
- Trước tiên, hãy xem xét chiều rộng của lớp cửa sổ trên thiết bị để xác định các thay đổi về bố cục, sau đó điều chỉnh theo chiều cao.
- Android tận dụng các khái niệm về thiết kế thích ứng, tương tự như phát triển web, sử dụng các lưới và hình ảnh linh hoạt để tạo bố cục phản hồi hiệu quả theo ngữ cảnh.
Để biết các nguyên tắc thiết kế về việc điều chỉnh bố cục cho phù hợp với kích thước màn hình lớn hơn, hãy đọc hướng dẫn dành cho nhà phát triển Hỗ trợ nhiều kích thước màn hình trong Compose và trang Áp dụng bố cục M3. Bạn cũng có thể xem thư viện chuẩn màn hình lớn của Android để lấy cảm hứng và triển khai bố cục màn hình lớn.
Tư duy thích ứng
Thích ứng phải là chế độ mặc định khi thiết kế ứng dụng. Thị trường thiết bị di động Android không ngừng phát triển, vì vậy, bạn không thể chỉ coi thiết bị di động là điện thoại cầm tay. Thay vào đó, danh sách này phải bao gồm mọi thứ, từ điện thoại di động, điện thoại có thể gập lại, máy tính bảng cho đến các thiết bị khác.
Mặc dù một số tính năng và trường hợp sử dụng có thể không phù hợp với mọi kích thước màn hình hoặc hệ số hình dạng. Thiết kế thích ứng giúp người dùng thoải mái hơn về công thái học, khả năng hữu dụng và chất lượng ứng dụng.
Phương pháp và chất lượng
Bạn có thể bắt đầu bằng cách thiết kế các màn hình chính (truyền đạt các khái niệm thiết yếu hoặc ứng dụng của bạn) với các kích thước lớp làm điểm ngắt để đóng vai trò là nguyên tắc cho phần còn lại của ứng dụng. Những trải nghiệm nổi bật này có thể làm nổi bật các đặc điểm khác biệt về khả năng thích ứng và hệ số hình dạng. Hoặc thiết kế nội dung có khả năng thích ứng ở cấp độ cơ bản bằng cách chú thích cách nội dung bị hạn chế, mở rộng hoặc sắp xếp lại.
Nên
Không nên
Nên
Sử dụng các vùng chứa trực quan và nội tại để nhóm các phần tử lại với nhau. Các ngăn có thể di chuyển vào, ẩn, mở rộng, bị hạn chế hoặc bật lên. Việc suy nghĩ theo ngăn giúp bạn dễ dàng thiết kế trên mọi thiết bị di động.
Cho phép các phần tử dịch chuyển và sắp xếp lại bằng cách tập trung vào cách các phần tử thích ứng với lưới. Cân nhắc thay đổi theo chiều dọc cho các phần tử và kết hợp với các thay đổi về ràng buộc và cách trình bày.
Một ứng dụng chất lượng cao phải đáp ứng cấp độ khác biệt trong nguyên tắc về ứng dụng cốt lõi và chất lượng màn hình lớn.
Để biết thêm thông tin về bố cục, hãy xem trang Tìm hiểu bố cục của Material Design 3 (M3).