Điều chỉnh bố cục

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ể. Thường thì chúng ta sẽ xem xét chiều rộng của thiết bị để xác định vị trí cần thay đổi hoặc điều chỉnh bố cục. Cả Web và Android đều sử dụng các khái niệm về thiết kế thích ứng, chẳng hạn như lưới và hình ảnh linh hoạt, để tạo bố cục phù hợp hơn với bối cảnh của chúng.

Màn hình ứng dụng năng suất trên thiết bị di động và máy tính bảng.

Để 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.

Mặc dù không phải mọi ứng dụng đều cần sử dụng được trên mọi kích thước màn hình, nhưng điều này giúp cho người dùng của bạn thoải mái hơn về công thái học, khả năng hữu dụng, cũng như chất lượng ứng dụng.

  • Bạn có thể 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 kích thước lớp làm điểm ngắt để đóng vai trò là hướng dẫn.
  • Hoặc thiết kế nội dung để hoạt động một cách thích ứng bằng cách chú thích cách nội dung nên bị hạn chế, mở rộng hoặc sắp xếp lại.

Để biết thêm thông tin về bố cục, hãy xem trang Tìm hiểu về bố cục của Material Design 3 (M3).