Varian responsif dan per perangkat

Buat versi ponsel dan desktop dari sebuah layar dan jaga keduanya selaras.

Terakhir diperbarui:

Membuat varian

Minta saja, atau pakai kontrol perangkat pada layar:

Buat versi ponsel dari halaman arahan.

Varian itu adalah layar baru di kanvas, disesuaikan dengan lebar tujuan — bukan pengubahan ukuran yang mengalir. Tata letak benar-benar disusun ulang: bagian berkolom banyak menumpuk, navigasi mengecil, tipografi turun skala.

Biaya

Mengubah layar ke ukuran perangkat lain ditagih per layar dengan tarif sama seperti pembuatan ulang, karena memang begitu. Mengubah delapan layar memakan biaya delapan kali lipat — sebaiknya cek saldo dulu.

Menjaga varian tetap selaras

Varian adalah layar terpisah, jadi pengeditan belakangan pada versi desktop tidak otomatis mengalir ke versi ponsel. Dua pilihan:

  • Minta perubahan pada keduanya secara eksplisit: “Di halaman arahan desktop dan ponsel, ubah CTA menjadi ‘Mulai gratis’.”
  • Atau selesaikan dulu desain desktop, lalu buat variannya sekali di akhir. Ini biasanya urutan yang lebih murah.

Tema dipakai bersama

Kedua varian memakai tema proyek, jadi perubahan warna dan huruf otomatis berlaku untuk keduanya. Hanya tata letak yang khas tiap varian.

Kode hasil ekspor

Kode hasil ekspor mencerminkan layar yang Anda ekspor. Kalau Anda butuh satu implementasi yang benar-benar responsif alih-alih dua tata letak tetap, ekspor layar desktop lalu sesuaikan, atau ekspor keduanya dan gabungkan di breakpoint — lihat Ekspor kode.

Apakah artikel ini membantu?

Artikel terkait

Read this in your language