Generator Mockup Situs Web dengan Tampilan Seluler dan Desktop
Generator Mockup Situs Web
Generator Mockup Situs Web Gratis: Wireframe + Frame Perangkat | We.Inc
Rencanakan halaman sebagai wireframe dengan tampilan desktop dan mobile, atau masukkan screenshot ke dalam frame browser, laptop, atau ponsel. Ekspor PNG atau cetak ke PDF, gratis, di browser Anda.
Dua alat dalam satu. Mode wireframe merencanakan halaman: pilih bagiannya, atur urutannya, dan bandingkan tata letak desktop dan mobile. Mode frame perangkat menyajikan desain jadi: unggah screenshot dan taruh di dalam jendela browser atau frame ponsel untuk sebuah proposal atau postingan sosial. Keduanya mengekspor PNG, dan keduanya berjalan di browser Anda. Screenshot Anda tidak pernah diunggah.
Mode wireframe: centang bagian yang dibutuhkan halaman Anda, geser naik turun, dan alihkan antara desktop dan mobile. Di mobile, kolomnya bertumpuk seperti kebanyakan situs responsif.
Ekspor wireframe-nya sebagai PNG, atau cetak dan pilih Save as PDF.
Mode frame perangkat: unggah screenshot PNG, JPG, atau WebP (hingga 15 MB dan 8,000 piksel di satu sisi). Pilih jendela browser atau frame ponsel, warna latar, dan label address bar opsional.
Gambarnya digambar ke canvas di browser Anda dan diekspor sebagai PNG pada dua kali resolusi layar.
Saat strukturnya sudah tepat, kirim rencana bagiannya ke builder We.Inc sebagai brief awal.
Mulai dengan hero-nya: katakan apa yang Anda kerjakan dan untuk siapa dalam satu baris.
Taruh bukti (ulasan, logo, contoh) dekat tombol pertama, tempat orang memutuskan apakah akan mempercayai Anda.
Cek wireframe mobile-nya dulu. Kebanyakan pengunjung situs usaha kecil datang dari ponsel.
Untuk frame perangkat, ambil screenshot pada lebar yang diharapkan frame-nya: sekitar 1440 piksel untuk browser dan 390 untuk ponsel.
Beri label mockup sebagai mockup saat Anda membagikannya, supaya tidak ada yang salah kira rencana sebagai situs live.
Pertanyaan yang sering diajukan
Apa bedanya wireframe dengan mockup?
Wireframe adalah rencana kotak abu-abu tentang apa yang ada di mana. Mockup menunjukkan tampilan jadinya, sering di dalam frame perangkat. Alat ini melakukan keduanya, dalam mode terpisah, dan melabeli setiap ekspornya.
Apakah screenshot saya diunggah?
Tidak. Screenshot-nya dibaca dan digambar di browser Anda. Tidak ada yang dikirim ke We.Inc atau pihak lain mana pun.
Bisakah saya menangkap screenshot situs live di sini?
Tidak. Menangkap situs lain butuh server yang menjalankan browser, yang tidak dimiliki alat gratis ini. Ambil sendiri screenshot-nya (developer tools browser Anda bisa menangkap halaman penuh) dan unggah.
Bisakah saya mengekspor PDF?
Bisa. Gunakan Print dan pilih Save as PDF sebagai printer. Ekspor PNG-nya memberi Anda file gambar.
Apakah website mockup generator ini gratis?
Ya. Tidak ada pendaftaran, watermark, atau batas.
Rencanakan di mobile, sajikan di desktop
Tata letak yang terlihat seimbang di layar lebar sering berubah jadi scroll panjang di ponsel: tiga kolom fitur jadi tiga blok bertumpuk, dan tabel harganya mendorong formulir kontak jauh ke bawah. Mengalihkan wireframe-nya ke mobile menunjukkan itu lebih awal, selagi memindahkan sebuah bagian masih semudah satu klik.
Frame perangkat untuk sisi lain pekerjaannya: menunjukkan ke klien atau audiens sosial seperti apa tampilan halaman jadinya. Screenshot polos di frame yang bersih biasanya sudah cukup.