Bersiap untuk semua ukuran layar
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Standar kualitas minimum untuk pengalaman di semua ukuran layar di Wear OS
Langkah pertama dalam membuat aplikasi yang bagus untuk Wear OS adalah mempersiapkan aplikasi Anda
untuk semua ukuran layar. Artinya, Anda harus menguji aplikasi di berbagai ukuran
layar target serta mengidentifikasi dan memperbaiki bug yang terlihat jelas.
Pada tahap ini, tata letak aplikasi mungkin tidak ideal, tetapi aplikasi tidak memiliki
masalah visual atau interaksi yang jelas, dan pengguna dapat menyelesaikan semua alur tugas.
Masalah umum yang harus diperhatikan
- Masalah terkait margin atas, bawah, dan atau samping
- Klip teks, tombol, atau komponen lainnya
- Adaptasi komponen yang tidak tepat
- Penskalaan elemen UI tidak konsisten
check_circle
Praktik terbaik
Periksa untuk memastikan aplikasi Anda tidak memiliki bug yang terlihat jelas di seluruh ukuran
layar.
cancel
Perhatikan
- Penyelarasan atau spasi yang canggung.
- Meningkatkan skala konten UI secara proporsional.
Langkah selanjutnya: responsif dan dioptimalkan
Aplikasi yang responsif dan dioptimalkan menggunakan tata letak responsif yang
otomatis beradaptasi dengan berbagai ukuran layar, sehingga memberikan beberapa nilai tambahan bagi
pengguna, dan memberikan pengalaman pengguna yang produktif dan menarik.
Mulai
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# Be ready for all screen sizes\n\nA minimum quality bar for experiences across all screen sizes on Wear OS\n------------------------------------------------------------------------\n\nThe **first** step in creating a great app for Wear OS is making your app ready\nfor all screen sizes. This means testing your app across a range of target\nscreen sizes and identifying and fixing any obvious bugs.\n\nAt this stage, your app's layout might not be ideal, but the app doesn't have\nobvious visual or interaction issues, and users can complete all task flows.\n\n\nCommon issues to look out for\n-----------------------------\n\n- Issues with top, bottom, and or side margins\n- Clipping of text, buttons, or other components\n- Improper component adaptation\n- Inconsistent scaling of UI elements\n\ncheck_circle\n\n### Best practice\n\nCheck to make sure your app has no obvious bugs across screen sizes. \ncancel\n\n### Watch out for\n\n- Awkward alignments or spacing.\n- Proportionally scaling up the UI contents.\n\nNext step: responsive and optimized\n-----------------------------------\n\nApps that are **responsive and optimized** utilize responsive layouts that\nautomatically adapt to different screen sizes, offering some additional value to\nusers and providing a productive, engaging user experience.\n\n[Get started](/design/ui/wear/guides/foundations/larger-screens-optimized)"]]
