Khi thiết kế bố cục thích ứng trên màn hình tròn, chế độ xem cuộn và không cuộn đều có các yêu cầu riêng về việc điều chỉnh kích thước các thành phần trên giao diện người dùng và duy trì bố cục và thành phần cân bằng. Hình ảnh dưới đây là những đề xuất chung; các ví dụ chỉ mang tính minh hoạ. Xem từng thành phần hoặc trang giao diện để biết hướng dẫn chi tiết, theo bối cảnh và thích ứng.
Xem nhanh nội dung khác
Bố cục thích ứng cho phép nhiều khối, thẻ, dòng văn bản và nút hơn vừa với một màn hình.
Hiển thị nhiều thành phần nội dung hơn
Sử dụng bố cục mới, được áp dụng tại các điểm ngắt kích thước màn hình đã xác định, để cho phép giới thiệu nội dung khi có thể, mang lại cho người dùng thêm giá trị trên các thiết bị có kích thước màn hình lớn hơn.
Cải thiện khả năng xem nhanh
Sử dụng không gian màn hình bổ sung để cung cấp vùng chứa lớn hơn, văn bản lớn hơn, vòng tròn dày hơn và hình ảnh dữ liệu chi tiết hơn để dễ xem hơn.
Cải thiện khả năng hữu dụng
Sử dụng không gian màn hình bổ sung để cung cấp các mục tiêu nhấn lớn hơn, hệ thống phân cấp hình ảnh lớn hơn và khoảng đệm giữa các mục nội dung để giao diện dễ tiếp cận và hấp dẫn.
Cấu trúc được tối ưu hoá
Sử dụng các thành phần và mẫu mới cập nhật để mang đến giao diện người dùng đẹp mắt hơn trên mọi kích thước màn hình.
Sử dụng bố cục chuẩn đã thiết lập
Tận dụng các bố cục chuẩn đã thiết lập để giúp giao diện người dùng thích ứng một cách linh hoạt trên nhiều kích thước thiết bị. Chúng tôi đã phát triển bố cục chuẩn một cách cẩn thận để mang đến trải nghiệm chất lượng cao trên mọi kích thước màn hình.
Thẻ thông tin (bố cục không cuộn)
Bố cục cuộn ứng dụng
Bố cục không cuộn của ứng dụng