Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Banyak smartwatch dalam ekosistem Wear OS memiliki ukuran layar yang berbeda.
Saat mendesain untuk Wear OS, perlu diingat bahwa platform aplikasi ditampilkan di
ukuran layar yang berbeda tersebut.
Prinsip
Ingatlah prinsip-prinsip berikut saat mendesain untuk perangkat yang berbeda.
Kecil terlebih dahulu
Selalu desain untuk emulator layar bulat terkecil yang didukung terlebih dahulu:
192 dp. Kemudian, optimalkan untuk perangkat yang lebih besar.
Mempertimbangkan skala
Tentukan margin luar sebagai persentase, bukan nilai absolut, sehingga margin
dapat diskalakan secara proporsional pada layar berbentuk lingkaran dan menghindari pemotongan elemen UI.
Ukuran font
Tinggi elemen UI dapat berubah secara non-linear, bergantung pada setelan penskalaan
font dan aksesibilitas seperti teks tebal.
Contoh ukuran layar yang umum
Ukuran layar berikut adalah pilihan yang sangat umum untuk perangkat Wear OS.
Sebaiknya gunakan 225 dp sebagai titik henti sementara antara layar yang lebih kecil dan layar
yang lebih besar.
192 dp hingga 224 dp
225 dp hingga 240+ dp
Tata letak adaptif kanonis
Kunjungi halaman tata letak adaptif kanonis untuk informasi selengkapnya tentang mendesain
untuk berbagai ukuran layar.
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,["# Screen sizes\n\nMany of the watches within the Wear OS ecosystem have different screen sizes.\nWhen designing for Wear OS, keep in mind that your app surfaces are displayed on\nthese different screen sizes.\n\nPrinciples\n----------\n\nKeep the following principles in mind when designing for different devices.\n\n### Small first\n\nAlways design for the smallest supported round-screen emulator first:\n192 dp. Then, optimize for larger devices.\n\n### Design for scale\n\nDefine outer margins as percentages rather than absolute values, so that margins\ncan scale proportionally on round screens and avoid clipping any UI elements.\n\n### Font size\n\nThe height of a UI element might change in a non-linear way, depending on font\nscaling and accessibility settings such as bold text.\n\nExamples of common screen sizes\n-------------------------------\n\nThe following screen sizes are particularly common choices for Wear OS devices.\nIt's beneficial to use 225 dp as a breakpoint between smaller screens and larger\nscreens. \n192 dp to 224 dp \n225 dp to 240+ dp\n\nCanonical adaptive layouts\n--------------------------\n\nVisit the [canonical adaptive layouts](/design/ui/wear/guides/foundations/canonical-adaptive-layouts) page for more information on designing\nfor a variety of screen sizes."]]
