Material 3 Expressive sử dụng ngôn ngữ hình dạng theo cách mở rộng và có ý nghĩa hơn nhiều bằng cách tận dụng các hình dạng vùng chứa linh hoạt để áp dụng việc làm tròn và làm sắc nét bán kính góc nhằm hỗ trợ danh sách biến đổi hình dạng và trạng thái nút. Hệ thống thiết kế này cũng giới thiệu các nút ôm viền dưới dạng một mẫu thiết kế mang tính biểu tượng và có thể sở hữu cho các thiết bị tròn trên Wear OS.
Duy trì tỷ lệ của phần tử trên giao diện người dùng
Khi thiết kế bố cục trên màn hình tròn, mỗi khung hiển thị có thể cuộn và không thể cuộn đều có các yêu cầu riêng để duy trì việc điều chỉnh tỷ lệ phần tử giao diện người dùng và giữ nguyên bố cục cũng như thành phần cân đối.
Thành phần hiển thị có thể cuộn
Đối với các khung hiển thị có thể di chuyển, hãy sử dụng tỷ lệ phần trăm để xác định tất cả các lề trên, dưới và bên để tránh bị cắt và cung cấp khả năng điều chỉnh tỷ lệ tương ứng của các phần tử.
Bạn nên xác định tất cả các lề trên, dưới và bên bằng tỷ lệ phần trăm để tránh bị cắt và cung cấp khả năng điều chỉnh tỷ lệ tương ứng cho các phần tử.
Khung hiển thị không cuộn
Đối với các khung hiển thị không cuộn, hãy sử dụng tỷ lệ phần trăm và các điều kiện ràng buộc theo chiều dọc cho tất cả các lề. Bằng cách đó, nội dung chính ở giữa có thể kéo dài để lấp đầy vùng có sẵn.
Bạn nên xác định tất cả các lề theo tỷ lệ phần trăm và xác định các điều kiện ràng buộc theo chiều dọc sao cho nội dung chính ở giữa có thể kéo dài để lấp đầy vùng có sẵn.
Các cấp nguyên tắc về chất lượng
Nguyên tắc về chất lượng của chúng tôi được chia thành 3 cấp. Mang đến trải nghiệm tốt nhất có thể cho người dùng bằng cách đáp ứng các nguyên tắc ở cả 3 cấp.
Phù hợp với mọi kích thước màn hình
Đảm bảo ứng dụng của bạn mang lại trải nghiệm chất lượng trên mọi kích thước màn hình. Tạo bố cục sử dụng đầy đủ không gian ứng dụng có sẵn.
Thích ứng và được tối ưu hoá
Cung cấp nhiều nội dung hơn cho người dùng trên những thiết bị cho phép và sử dụng bố cục thích ứng tự động điều chỉnh theo nhiều kích thước màn hình.
Thích ứng và khác biệt
Tận dụng tối đa không gian bổ sung bằng cách sử dụng các điểm ngắt để mang đến những trải nghiệm mới mạnh mẽ trên màn hình lớn mà không thể có trên các thiết bị có màn hình nhỏ hơn.