Ekosistem Wear OS terdiri dari perangkat yang memiliki berbagai ukuran layar. Memanfaatkan prinsip UI adaptif sangat penting untuk memberikan pengalaman berkualitas tertinggi bagi semua pengguna.
Apa itu UI adaptif?
UI adaptif direntangkan dan berubah untuk memanfaatkan semua ruang layar yang tersedia sebaik mungkin, apa pun ukuran layar yang dirender.
UI adaptif berubah secara responsif, menggunakan komponen dan metode yang dibangun langsung ke dalam logika tata letak. Tata letak ini juga menggunakan titik henti sementara ukuran layar—menerapkan desain yang berbeda pada berbagai ukuran layar—untuk menciptakan pengalaman yang lebih kaya bagi pengguna.
Ukuran layar utama
![](https://developer.android.google.cn/static/wear/images/design/key-screen-sizes.png?authuser=6&hl=id)
Pelajari ukuran referensi utama yang perlu dipertimbangkan saat Anda mendesain pengalaman baru
Jenis tata letak
Saat mendesain untuk tata letak adaptif di layar berbentuk lingkaran, masing-masing tampilan scroll dan non-scroll memiliki persyaratan unik untuk menskalakan elemen UI serta mempertahankan tata letak dan komposisi yang seimbang.
![](https://developer.android.google.cn/static/wear/images/design/scrolling-view.gif?authuser=6&hl=id)
Semua margin atas, bawah, dan samping harus ditentukan dalam persentase untuk menghindari pemotongan dan menyediakan penskalaan elemen yang proporsional.
![](https://developer.android.google.cn/static/wear/images/design/non-scrolling-view.gif?authuser=6&hl=id)
Semua margin harus ditentukan dalam persentase dan batasan vertikal harus ditentukan sedemikian rupa sehingga konten utama di tengah dapat direntangkan untuk mengisi area yang tersedia.
Menambahkan nilai melalui tata letak adaptif dan praktik desain
Saat mendesain untuk tata letak adaptif di layar berbentuk lingkaran, masing-masing tampilan scroll dan non-scroll memiliki persyaratan unik untuk menskalakan elemen UI serta mempertahankan tata letak dan komposisi yang seimbang.
Gambar berikut adalah saran yang luas; contoh hanya untuk tujuan ilustrasi. Lihat setiap halaman komponen atau platform untuk mendapatkan panduan yang mendetail, kontekstual, dan responsif.
![](https://developer.android.google.cn/static/wear/images/design/content-at-a-glance.png?authuser=6&hl=id)
Tata letak responsif memungkinkan lebih banyak chip, lebih banyak kartu, lebih banyak baris teks, dan lebih banyak tombol untuk muat di satu layar
![](https://developer.android.google.cn/static/wear/images/design/content-elements-visible.png?authuser=6&hl=id)
Manfaatkan tata letak baru, yang diterapkan pada titik henti sementara ukuran layar yang ditentukan, untuk memungkinkan pengenalan konten baru jika memungkinkan, sehingga memberi pengguna nilai tambahan pada perangkat dengan ukuran layar yang lebih besar.
![](https://developer.android.google.cn/static/wear/images/design/glanceability.png?authuser=6&hl=id)
Menggunakan ruang layar tambahan untuk memberikan penampung yang lebih besar, teks yang lebih besar, lingkaran yang lebih tebal, dan visualisasi data yang lebih terperinci untuk memberikan tampilan yang lebih baik bagi pengguna.
![](https://developer.android.google.cn/static/wear/images/design/usability.png?authuser=6&hl=id)
Gunakan ruang layar ekstra untuk memberikan target ketuk yang lebih besar, hierarki visual yang lebih besar, dan ruang tambahan antar-item konten untuk membuat antarmuka lebih mudah dan lebih nyaman untuk berinteraksi.
![](https://developer.android.google.cn/static/wear/images/design/optimized-compositions.png?authuser=6&hl=id)
Manfaatkan komponen dan template terbaru kami untuk menawarkan tampilan dan nuansa yang lebih baik untuk UI di semua ukuran layar.
Kualitas aplikasi
![](https://developer.android.google.cn/static/wear/images/design/quality-guidelines.png?authuser=6&hl=id)
Pedoman kualitas kami disusun ke dalam tiga tingkat. Berikan pengalaman terbaik bagi pengguna Anda dengan memenuhi pedoman di ketiga tingkat tersebut.
Siap untuk semua ukuran layar |
Responsif dan optimal |
Adaptif dan terdiferensiasi |
Memanfaatkan tata letak kanonis yang ditetapkan
![](https://developer.android.google.cn/static/wear/images/design/canonical-layouts.png?authuser=6&hl=id)
Gunakan tata letak kanonis yang telah ditetapkan untuk membantu UI Anda beradaptasi dengan lancar di berbagai ukuran perangkat.
Tata letak kanonis kami telah dikembangkan dengan cermat untuk menawarkan pengalaman berkualitas tinggi di semua ukuran layar.