Hệ sinh thái Wear OS bao gồm các thiết bị có nhiều kích thước màn hình. Việc sử dụng các nguyên tắc về giao diện người dùng thích ứng đóng vai trò quan trọng trong việc mang lại trải nghiệm chất lượng cao nhất cho tất cả người dùng.
Giao diện người dùng thích ứng là gì?
Giao diện người dùng thích ứng kéo dài và thay đổi để tận dụng tối đa mọi không gian màn hình có sẵn, bất kể kích thước màn hình hiển thị.
Giao diện người dùng thích ứng thay đổi một cách thích ứng, sử dụng các thành phần và phương thức được tích hợp trực tiếp vào logic bố cục. Các bố cục này cũng tận dụng các điểm ngắt kích thước màn hình (áp dụng một thiết kế khác trên nhiều kích thước màn hình) để tạo ra trải nghiệm phong phú hơn nữa cho người dùng.
Kích thước màn hình chính
Tìm hiểu về các kích thước tham chiếu chính cần lưu ý khi bạn thiết kế trải nghiệm mới
Các loại bố cục
Khi thiết kế bố cục thích ứng trên màn hình tròn, các khung hiển thị cuộn và không cuộn đều có những yêu cầu riêng về việc điều chỉnh tỷ lệ các phần tử giao diện người dùng cũng như duy trì bố cục và bố cục cân bằng.
Tất cả lề trên, lề dưới và lề bên phải được xác định theo tỷ lệ phần trăm để tránh bị cắt bớt và cung cấp tỷ lệ tỷ lệ của phần tử.
Tất cả lề phải được xác định theo tỷ lệ phần trăm và các giới hạn theo chiều dọc cần được xác định sao cho nội dung chính ở giữa có thể kéo giãn nhằm lấp đầy không gian có sẵn.
Gia tăng giá trị thông qua bố cục thích ứng và các phương pháp thiết kế
Khi thiết kế bố cục thích ứng trên màn hình tròn, các khung hiển thị cuộn và không cuộn đều có những yêu cầu riêng về việc điều chỉnh tỷ lệ các phần tử giao diện người dùng cũng như duy trì bố cục và bố cục cân bằng.
Các hình ảnh sau đây mang tính đề xuất rộng; ví dụ chỉ nhằm mục đích minh hoạ. Xem từng thành phần hoặc trang nền tảng để biết hướng dẫn chi tiết, theo bối cảnh và thích ứng.
Bố cục thích ứng cho phép hiển thị nhiều khối hơn, nhiều thẻ hơn, nhiều dòng văn bản hơn và nhiều nút hơn để vừa trên một màn hình
Sử dụng bố cục mới, á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 mới 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.
Sử dụng thêm không gian màn hình để cung cấp các 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 nhằm giúp người dùng dễ xem hơn.
Sử dụng thêm không gian màn hình để cung cấp đích nhấn lớn hơn, phân cấp hình ảnh lớn hơn và thêm không gian giữa các mục nội dung để giúp giao diện tương tác dễ dàng và thoải mái hơn.
Hãy sử dụng các thành phần và mẫu được cập nhật của chúng tôi để mang lại giao diện người dùng đẹp hơn trên mọi kích thước màn hình.
Chất lượng ứng dụng
Các nguyên tắc về chất lượng của chúng tôi được sắp xếp thành ba 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 |
Thích ứng và tối ưu hoá |
Thích ứng và khác biệt |
Sử dụng bố cục chuẩn đã có sẵn
Sử dụng bố cục chuẩn đã thiết lập để giúp giao diện người dùng thích ứng mượt mà trên nhiều kích thước thiết bị.
Bố cục chuẩn của chúng tôi đã được phát triển tỉ mỉ để mang lại trải nghiệm chất lượng cao trên tất cả các kích thước màn hình.