Blog Pidgo
Desain Responsive Layout dengan AI, Cara Menulis Prompt untuk Semua Layar
Layout responsif berarti tampilan menyesuaikan lebar layar. AI sering menghasilkan desain yang rapi di layar laptop tapi berantakan di ponsel, karena prompt-nya tidak menyebutkan layar kecil sama sekali. Perbaikannya ada di instruksi yang kamu tulis.
Tulis susunan untuk tiap ukuran layar
Sebut minimal dua ukuran: layar kecil (ponsel) dan layar lebar (laptop). Kalau perlu, tambah tablet.
- Ponsel: satu kolom, gambar di bawah teks, tombol selebar layar.
- Tablet: satu atau dua kolom sesuai isi.
- Laptop: dua kolom atau lebih, dengan lebar konten dibatasi supaya teks tidak terlalu panjang.
Rancang dari layar kecil dulu
Mulai dari tampilan ponsel memaksa kamu memilih apa yang paling penting. Setelah itu, tambahkan detail untuk layar yang lebih lebar.
Aturan praktis yang bisa kamu masukkan ke prompt
- Ukuran teks utama tetap nyaman dibaca di ponsel.
- Area tekan tombol cukup besar untuk jempol.
- Jarak antar bagian lebih rapat di ponsel dan lebih lega di laptop.
- Lebar maksimum konten supaya baris teks tidak terlalu panjang.
- Gambar menyesuaikan lebar kolom.
Contoh prompt
Buat halaman landing untuk {BRAND} yang responsif.
Laptop: hero dua kolom, teks kiri, gambar kanan.
Tablet: satu kolom, gambar di bawah teks.
Ponsel: satu kolom, tombol selebar layar, teks judul lebih kecil.
Jarak antar bagian menyesuaikan ukuran layar.
Lebar maksimum konten dibatasi dan diletakkan di tengah.
Daftar cek sebelum tayang
- Dibuka di ponsel sungguhan, bukan hanya jendela browser yang diperkecil
- Tidak ada teks terpotong atau menumpuk
- Semua tombol mudah ditekan
- Tidak perlu menggeser layar ke samping
- Gambar tidak terlalu berat
Prompt library
Menyebut semua aturan itu tiap kali memang melelahkan. Prompt library menyimpan prompt yang sudah rapi, dan kamu tinggal mengisi variabelnya. Pidgo menyediakan 43+ prompt desain dengan preview live, yang bisa kamu lihat sebelum membeli.
Lihat 43+ preview live dan coba 5 prompt gratis di pidgoapp.online. Basic Rp99.000, Pro Rp199.000, sekali bayar, bukan langganan.