Menyesuaikan tata letak

Desain adaptif adalah praktik merancang tata letak yang beradaptasi dengan titik henti sementara dan perangkat tertentu.

Untuk menerapkan tata letak adaptif secara efektif:

  • Pertama, pertimbangkan lebar class jendela perangkat untuk menentukan perubahan tata letak, lalu sesuaikan tinggi.
  • Android memanfaatkan konsep desain responsif, mirip dengan pengembangan web, menggunakan petak dan gambar yang fleksibel untuk membuat tata letak yang merespons secara efektif konteksnya.

Layar aplikasi produktivitas di ukuran ponsel dan tablet.

Untuk panduan desain tentang penyesuaian tata letak dengan ukuran layar yang diperluas, baca panduan developer Mendukung berbagai ukuran layar di Compose dan halaman Menerapkan Tata Letak M3. Anda juga dapat melihat galeri kanonis layar besar Android untuk mendapatkan inspirasi dan penerapan tata letak layar besar.

Berpikir adaptif

Adaptif harus menjadi default saat mendesain aplikasi Anda. Pasar seluler Android terus berkembang, jadi Anda tidak bisa hanya menganggap seluler sebagai ponsel handset. Namun, harus mencakup semuanya mulai dari ponsel handset, perangkat foldable, tablet, dan semuanya di antaranya.

Meskipun fitur dan kasus penggunaan tertentu mungkin tidak sesuai untuk setiap ukuran layar atau faktor bentuk. Desain adaptif memberi pengguna Anda lebih banyak keleluasaan terkait ergonomi, kegunaan, dan kualitas aplikasi.

Metode dan kualitas

Anda dapat memulai dengan mendesain layar utama (mengomunikasikan konsep penting atau aplikasi Anda) dengan ukuran class sebagai titik henti sementara untuk bertindak sebagai panduan bagi aplikasi Anda lainnya. Pengalaman unggulan ini dapat menyoroti kualitas adaptif dan faktor bentuk yang berbeda. Atau, desain konten agar responsif di tingkat dasar dengan mencatat cara konten harus dibatasi, diperluas, atau diatur ulang.

Anjuran

Tetapkan lebar maksimum pada konten dan komponen untuk mencegah peregangan lebar penuh.

Larangan

Izinkan konten direntangkan ke lebar penuh.

Anjuran

Pikirkan dalam hal penampungan atau panel.

Gunakan penampung intrinsik dan visual untuk mengelompokkan elemen. Panel dapat bergerak masuk, tersembunyi, meluas, dibatasi, atau muncul. Berpikir dengan panel mempermudah desain di semua perangkat seluler.

Izinkan elemen bergeser dan diatur ulang dengan berfokus pada cara elemen beradaptasi dengan petak. Pertimbangkan perubahan vertikal untuk elemen dan gabungkan dengan batasan dan perubahan presentasi.

Aplikasi berkualitas tinggi harus memenuhi tingkat yang berbeda dalam pedoman aplikasi inti dan kualitas perangkat layar besar.

Untuk mengetahui tata letak selengkapnya, lihat halaman Memahami tata letak Desain Material 3 (M3).