Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Aplikasi yang adaptif dan terdiferensiasi menciptakan pengalaman pengguna yang
tidak mungkin dilakukan di perangkat dengan layar yang lebih kecil.
Aplikasi ini menggunakan tata letak baru, yang diterapkan pada titik henti sementara ukuran layar utama, untuk
mendapatkan nilai tambahan bagi pengguna perangkat dengan layar lebih besar, sehingga memungkinkan
pengalaman pengguna yang tidak dapat ditandingi oleh perangkat dengan layar yang lebih kecil.
Menambahkan nilai dengan menerapkan tata letak dan template baru
Aplikasi yang terdiferensiasi dengan tata letak adaptif mengikuti praktik desain adaptif, tetapi
juga menggunakan titik henti sementara untuk menerapkan tata letak yang berbeda dan menciptakan pengalaman
yang lebih kaya bagi pengguna perangkat dengan layar yang jauh lebih besar, seperti yang ditunjukkan dalam
contoh berikut:
Tambahkan informasi baru yang mudah dilihat.Tambahkan lebih banyak properti yang dapat diketuk.Meningkatkan kepadatan informasi grafik dan diagram.Sesuaikan perilaku atau desain komponen dengan penggunaan titik henti sementara untuk
mengisi ruang yang tersedia.
Menggunakan titik henti sementara di Wear OS
Menggunakan titik henti sementara berukuran 225 dp dapat membantu mengoptimalkan tata letak di berbagai
ukuran.
Lihat panduan implementasi Compose dan Kartu untuk mengetahui
tata letak yang berbeda.
check_circle
Anjuran
Berpikir luas.
Desain tata letak dan perilaku kustom
dengan ukuran 225 dp dan lebih besar.
cancel
Larangan
Membatasi diri.
Desain hanya untuk satu ukuran
perangkat.
Biarkan aplikasi Anda tampil beda.
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,["# Adaptive and differentiated\n\nApps that are **adaptive and differentiated** create a user experience that\nisn't possible on devices with smaller screens.\n\nThese apps use new layouts, implemented at a key screen size breakpoint, to\nderive additional value for users of devices with larger screens, enabling a\nuser experience that devices with smaller screens can't match.\n\nAdd value by applying new layouts and templates\n-----------------------------------------------\n\nAdaptive layout differentiated apps follow [adaptive design practices](/design/ui/wear/guides/foundations/adaptive-layouts) but\nalso utilize breakpoints to apply different layouts and create an even richer\nexperience for users of devices with substantially larger screens, as shown in\nthe following examples:\nAdd new glanceable information. Add more tappable affordances. Increase the information density of graphs and charts. Adjust component behavior or design with the use of breakpoints to fill the available space.\n\nUse breakpoints on Wear OS\n--------------------------\n\nUtilizing a breakpoint at 225 dp can help optimize layouts across a range of\nsizes.\n\nSee the [Compose](/training/wearables/compose/screen-size#breakpoints) and [Tiles](/training/wearables/tiles/screen-size#breakpoints) implementation guidance for differentiated\nlayouts. \ncheck_circle\n\n### Do\n\n- Think big.\n- Design custom layouts and behaviors at 225 dp and larger. \ncancel\n\n### Don't\n\n- Settle for less.\n- Design for just one device size.\n- Let your app be unremarkable."]]
