Prompt window tiruan Nano Banana Pro memudahkan Anda membuat screenshot palsu produk Anda yang realistis hanya dalam beberapa baris teks. Dengan Prompt Nano Banana Pro untuk desain UI window tiruan Anda dapat langsung memvisualisasikan dashboard SaaS, bingkai browser, atau aplikasi desktop yang siap untuk halaman arahan atau presentasi singkat. Di bawah ini, Anda akan menemukan petunjuk salin-tempel yang dapat Anda gunakan sebagai titik awal, lalu sesuaikan dengan merek, tata letak, dan konten Anda sendiri.
Bagian 1. Bagaimana Nano Banana Pro Membantu Desain UI Window Mock
Nano Banana Pro sangat baik dalam menghasilkan "screenshot palsu" yang bersih dan realistis, yang terlihat seperti perangkat lunak asli yang sedang digunakan. Dengan fitur yang tepat, Prompt Nano Banana Pro untuk desain UI window tiruan, Anda dapat dengan cepat membuat window aplikasi desktop, bingkai browser, dan dashboard produk yang cukup sempurna untuk halaman pemasaran, tutorial, atau dek investor.
Apa itu UI "Window Tiruan"?
UI "window tiruan" adalah window desktop, aplikasi, atau browser palsu yang tampak seperti screenshot asli, tetapi sepenuhnya dibuat oleh AI. Alih-alih mendesain setiap detail di Figma, Anda mendeskripsikan adegannya dan membiarkan Nano Banana Pro melakukan rendering:
- Background desktop dengan satu atau lebih window aplikasi
- Bingkai browser dengan tab, bilah URL, dan tombol
- Antarmuka produk atau tata letak dashboard di dalam window
UI window tiruan ini sempurna untuk Foto pahlawan SaaS, langkah demi langkah tur produk, dan dipoles presentasi singkat slide di mana Anda memerlukan visual produk yang dapat dipercaya dengan cepat.
Bagian 2. Salin & Tempel Prompt Khusus Nano-Banana【Window Tiruan Desktop + Seluler】
Gunakan model foto Nano Banana Pro dengan petunjuk siap pakai ini untuk menghasilkan window tiruan desktop dan tiruan UI aplikasi seluler dengan ketelitian tinggi.
Cukup salin, tempel, dan ubah nama atau warna aplikasi sesuai kebutuhan.
Kuncinya adalah berpikir berlapis-lapis: pertama tentukan background desktop, lalu bingkai window (browser atau aplikasi), lalu tata letak UI bagian dalam
(sidebar, bilah navigasi, kartu, bagan), dan terakhir teks yang ingin Anda munculkan pada tombol dan judul.
Untuk mempermudah, berikut beberapa prompt siap pakai yang dapat Anda salin langsung ke Nano Banana Pro:
Window Tiruan Desktop - Tabel Prompt (Nano Banana Pro)
|
Tema |
Prompt |
Salin |
|---|---|---|
|
Bepergian |
Gunakan prompt Nano Banana Pro untuk desain UI window tiruan guna membuat screenshot window browser palsu untuk situs web pemesanan perjalanan. Tampilkan desktop macOS yang buram dengan window bergaya Safari di tengah layar. Browser akan menampilkan halaman arahan berjudul "Skyline Trips - Rencanakan Petualangan Anda Berikutnya". Sertakan navigasi atas dengan logo dan item menu Destinasi, Penawaran, Panduan, dan Perjalanan Saya. Di area utama, tampilkan banner besar dengan foto pantai yang besar, judul "Temukan liburan kota Anda berikutnya", bilah pencarian tanggal dan tujuan, serta tombol utama "Cari penerbangan & hotel". Gunakan UI mode terang, tata letak kisi yang bersih, dan teks bahasa Inggris yang terbaca sepenuhnya. |
SALIN
|
|
Bekerja |
Buat window tiruan desktop realistis dari aplikasi produktivitas bernama "FocusDesk Pro". Tampilkan desktop Windows 11 dengan satu window aplikasi di tengah, dengan bilah judul modern dan bayangan lembut. Di dalam window, rancang UI dashboard kerja: bilah sisi kiri dengan ikon dan label (Dashboard, Tugas, Kalender, Tim, Pengaturan) dan area konten utama yang menampilkan papan Kanban dengan kolom "Backlog", "Sedang Diproses", "Tinjauan", "Selesai". Tambahkan kartu tugas dengan judul, tanggal jatuh tempo, dan tag status berwarna. Gunakan tema terang netral dengan warna aksen pastel dan label yang jelas dan mudah dibaca. |
SALIN
|
|
Menulis jurnal |
Buat screenshot window aplikasi palsu untuk alat penjurnalan digital dan habit tracking bernama "Catatan Harian". Tampilkan desktop bergaya macOS dengan satu window aplikasi. Window ini memiliki bilah judul sederhana dan tata letak dua kolom: di sebelah kiri, kalender dan daftar entri jurnal bertanggal; di sebelah kanan, halaman terbuka dengan entri hari ini, termasuk judul besar, area teks bergaris, dan bagian pelacak kebiasaan kecil dengan kotak centang untuk Tidur, Olahraga, Air, Membaca. Gunakan background krem lembut dan sorotan pastel halus agar window tiruan terasa seperti jurnal digital yang nyaman. |
SALIN
|
|
Perdagangan elektronik |
Gunakan prompt AI untuk screenshot window browser palsu guna merancang dashboard admin e-commerce untuk toko bernama "GlowMart". Tampilkan window browser bergaya Chrome dengan bilah URL dan tab. Di dalam halaman, buat dashboard analitik dengan kartu untuk Pendapatan Hari Ini, Pesanan, Rasio Konversi, dan grafik yang menunjukkan penjualan selama 7 hari terakhir. Di sebelah kiri, tambahkan navigasi vertikal dengan item Ikhtisar, Produk, Pesanan, Pelanggan, Pemasaran, dan Pengaturan. Gunakan tema terang yang bersih, warna aksen yang berani untuk angka-angka penting, dan teks bahasa Inggris yang jelas agar window tiruan terlihat seperti UI admin e-commerce SaaS asli. |
SALIN
|
Antarmuka Pengguna Seluler - Tabel Prompt (Nano Banana Pro)
Panduan Langkah demi Langkah:
Layar 1: "Pilih Foto" - tampilan galeri dengan foto mini foto dan tombol besar "Pilih foto ini".
Layar 2: "AI Edit" - tampilan editor dengan foto di tengah dan baris alat AI (Penghapus Background, Kecantikan, Boneka, Filter).
Layar 3: "Tata Letak Poster" - foto yang diedit ditempatkan di dalam templat poster dengan teks dan dekorasi.
Layar 4: "Ekspor & Bagikan" - opsi untuk menyimpan, share ke Instagram, TikTok, dan download sebagai PNG.
Gunakan komponen bergaya iOS, UI mode terang, dan label berbahasa Inggris yang sepenuhnya terbaca. Gaya keseluruhan harus sesuai dengan branding PixPretty yang ceria, yaitu merah muda neon dan abu-abu arang.
|
Tema |
Prompt |
Salin |
|---|---|---|
|
Bepergian |
Petunjuk UI seluler layar Nano Banana Pro 4: buat satu foto yang berisi tepat empat layar iPhone untuk aplikasi perencana perjalanan bernama "TripNest". Susun layar secara horizontal pada background netral yang lembut. Layar 1 menampilkan halaman orientasi dengan ilustrasi hero, judul "Rencanakan perjalanan yang lebih cerdas", dan tombol besar "Mulai". Layar 2 menampilkan ikhtisar perjalanan dengan tujuan, tanggal, dan daftar aktivitas yang direncanakan. Layar 3 menampilkan jadwal harian dengan slot waktu, cuplikan peta, dan catatan. Layar 4 menampilkan ringkasan anggaran dengan kategori, bagan, dan total pengeluaran. Gunakan komponen bergaya iOS, UI mode terang, dan teks bahasa Inggris yang terbaca sepenuhnya di setiap layar. |
SALIN
|
|
Bekerja |
Gunakan Nano Banana Pro untuk prompt AI pada mockup UI guna menghasilkan satu layar iPhone untuk aplikasi pengelola tugas kerja bernama "TaskFlow". Pusatkan ponsel pada background gradasi terang. Layar akan menampilkan tampilan beranda yang bersih dengan bilah atas (teks ucapan dan ikon filter), kontrol tersegmentasi untuk Hari Ini/Mendatang/Kotak Masuk, dan daftar kartu tugas berisi judul, tag berwarna, dan batas waktu. Di bagian bawah, sertakan tombol "+ Tugas Baru" yang menonjol dan membulat. Gunakan tema terang minimalis, bayangan halus, dan label berbahasa Inggris yang jelas agar tampak seperti screenshot aplikasi produktivitas asli. |
SALIN
|
|
Menulis jurnal |
Buat mockup UI seluler untuk aplikasi jurnal harian dan pemantau suasana hati bernama "MoodJournal". Tampilkan satu layar iPhone dengan palet warna pastel yang kalem. Di bagian atas, tampilkan tanggal hari ini dan pemilih suasana hati menggunakan emoji atau ikon yang ekspresif. Di bagian bawah, sertakan area teks besar berjudul "Refleksi Hari Ini" dengan baris jurnal placeholder, dan bagian daftar periksa kecil berlabel "Rasa Syukur" dengan tiga poin. Tambahkan bilah navigasi bawah dengan ikon untuk Beranda, Kalender, Statistik, dan Profil. Rancang dengan gaya iOS dengan kartu bulat dan teks bahasa Inggris yang mudah dibaca. |
SALIN
|
|
Perdagangan elektronik |
Gunakan Nano Banana Pro untuk membuat UI aplikasi belanja seluler untuk toko busana bernama "StyleStreet". Layar iPhone menampilkan halaman kategori untuk Koleksi Musim Panas: bilah pencarian teratas, chip filter horizontal (Semua, Gaun, Atasan, Sepatu, Aksesori), dan kisi kartu produk berisi foto produk, nama, harga, dan bintang kecil. Di bagian bawah, sertakan bilah keranjang tetap yang menampilkan "3 item · $129,00" dan tombol "Lihat Keranjang". Gunakan background putih bersih, warna aksen tebal untuk CTA, dan teks bahasa Inggris yang jelas dan terbaca agar layar tampak siap untuk pratinjau toko aplikasi. |
SALIN
|
Bagian 3. AI Prompts untuk Mockup Situs Web dengan Nano Banana Pro
Dengan terstruktur dengan baik prompt AI untuk mockup situs web, Anda dapat membuat screenshot beranda dan halaman arahan yang dapat dipercaya yang terasa seperti produk sungguhan, lalu menyempurnakannya menjadi desain yang siap produksi.
Dalam perbandingan kami antara ChatGPT 5.1 dan Nano Banana Pro, Nano Banana Pro secara konsisten menghasilkan tata letak UI yang lebih akurat dan teks di layar yang lebih jelas, membuatnya sangat kuat untuk pekerjaan pembuatan window tiruan dan pembuatan tiruan situs web.
Untuk panduan ini, kami akan menggunakan PixPretty -platform penyuntingan foto AI & pencitraan kreatif-sebagai produk contoh kami.
| Tema | Prompt | Foto | Salin |
| Tata letak UI PixPretty |
Gunakan Nano Banana Pro untuk membuat fidelitas tinggi desain UI window tiruan untuk situs web PixPretty (pixpretty.tenorshare.ai). Tata letak halaman: Detail gaya: |
|
SALIN
|
Berikut adalah contoh-contoh sederhana dan siap pakai yang bisa langsung Anda masukkan ke dalam Nano Banana Pro. Contoh-contoh ini disusun sedemikian rupa sehingga Anda dapat menggunakannya kembali. prompt AI untuk mockup situs web dan memperluasnya ke perpustakaan yang lebih luas prompt AI untuk mockup UI.
|
Tema |
Prompt |
Salin |
|---|---|---|
|
Halaman Arahan SaaS |
Buat mockup situs web fidelitas tinggi untuk aplikasi SaaS bernama "FlowMetrics". Tampilkan window browser desktop yang bersih dengan tata letak halaman arahan modern. Di bagian atas, sertakan bilah navigasi dengan logo dan tautan: Produk, Harga, Sumber Daya, Login, dan tombol "Mulai uji coba gratis". Bagian utama memiliki judul tebal "Pahami metrik produk Anda dalam hitungan menit", subjudul singkat, dan tombol CTA utama "Mulai". Di sisi kanan bagian utama, tampilkan pratinjau dashboard bergaya kartu dengan bagan dan statistik. Di bawah bagian utama, tambahkan bagian fitur tiga kolom, strip testimonial, dan pratinjau harga sederhana. Gunakan tema terang, banyak ruang kosong, dan teks berbahasa Inggris yang mudah dibaca. |
SALIN
|
|
Beranda Portofolio |
Buat mockup situs web untuk beranda portofolio pribadi seorang desainer UI/UX bernama "Alex Rivera". Tampilkan bingkai bergaya browser desktop dengan navigasi atas minimal: Pekerjaan, Tentang, Layanan, Kontak. Bagian utama menampilkan judul besar "Desainer produk yang menciptakan antarmuka yang bersih dan berfokus pada konversi", paragraf pengantar singkat, dan tombol CTA "Lihat proyek terpilih". Di bawah bagian utama, sertakan kisi kartu proyek dengan foto mini dan judul proyek, diikuti oleh bagian kecil "Layanan" dengan tiga ikon dan label sederhana. Di bagian bawah, rancang footer dengan alamat email kontak, ikon media sosial, dan teks hak cipta. Gunakan background netral, tipografi yang kuat, dan warna aksen yang halus untuk tautan dan tombol. |
SALIN
|
|
Blog/Pusat Konten |
Gunakan Nano Banana Pro untuk membuat mockup situs web beranda untuk blog teknologi bernama "Nano Insights". Headernya memuat logo di sebelah kiri dan tautan navigasi: Artikel, Panduan, Tutorial, Tentang, dan Berlangganan. Bagian utama menampilkan artikel unggulan dengan thumbnail besar, judul, dan deskripsi singkat, serta tombol "Baca sekarang". Di bawahnya, tambahkan kisi postingan terbaru dengan thumbnail, judul, kategori, dan tanggal yang lebih kecil. Di sebelah kanan, sertakan bilah sisi dengan kartu pendaftaran buletin dan daftar tag "Topik populer". Tambahkan footer sederhana dengan tautan tambahan dan ikon sosial. Gunakan tata letak bergaya editorial yang bersih dengan spasi yang baik dan teks berbahasa Inggris yang mudah dibaca. |
SALIN
|
Kesimpulan
Nano Banana Pro memberi Anda cara cepat dan fleksibel untuk mengubah ide-ide sederhana menjadi visual UI yang dipoles-apakah Anda memerlukan desktop window tiruan, alur seluler multilayar, atau mockup hero situs web. Dengan struktur yang baik Prompt UI Nano Banana Pro, Anda dapat membuat "screenshot palsu" yang dapat dipercaya yang membuat produk Anda tampak nyata jauh sebelum sistem desain final siap.
Gunakan mockup ini sebagai jalan pintas visual: validasi konsep bersama tim Anda, perkaya halaman arahan dan pitch deck, lalu tuangkan ide-ide terbaik ke Figma atau Sketch untuk penyempurnaan. Seiring waktu, Anda akan membangun perpustakaan Anda sendiri. prompt AI untuk mockup UI yang dapat Anda gunakan kembali di berbagai produk, kampanye, dan platform.
FAQ Tentang Prompt UI Nano Banana Pro
Q1: Bisakah Nano Banana Pro benar-benar menggantikan desainer UI?
Tidak. Nano Banana Pro adalah asisten yang andal, bukan pengganti. Alat ini sangat bagus untuk ide, screenshot window tiruan cepat, dan referensi visual, tetapi desainer UI tetap dibutuhkan untuk menciptakan antarmuka yang mudah diakses, konsisten, dan siap produksi. Bayangkan Nano Banana Pro sebagai sketsa cepat yang mempercepat tahap awal desain.
Q2: Apa perbedaan antara mockup UI dan infografis di Nano Banana Pro?
Mockup UI berfokus pada layar, tata letak, dan elemen interaktif—seperti bilah navigasi, tombol, kartu, dan formulir yang mewakili aplikasi atau situs web. Infografis berfokus pada penjelasan informasi—linimasa, diagram alur, perbandingan, dan statistik. Di Nano Banana Pro, mockup UI tampak seperti antarmuka produk sungguhan, sementara infografis lebih mirip laporan visual atau slide, meskipun mengadopsi beberapa komponen bergaya UI.
Q3: Seberapa rinci seharusnya prompt ai saya untuk mockup ui?
Detail yang lebih detail biasanya lebih baik. Tentukan platform (desktop, web, seluler), window atau bingkai (browser vs aplikasi), bagian utama (hero, sidebar, kartu, bagan), dan teks utama (judul, label tombol, item menu). Anda tidak perlu menjelaskan setiap piksel, tetapi prompt AI yang kuat untuk mockup UI harus mendefinisikan tata letak, hierarki, dan gaya dengan jelas sehingga model tidak perlu menebak-nebak.
Q4: Dapatkah saya menggunakan kembali satu prompt antarmuka pengguna seluler nano banana pro 4 layar untuk aplikasi yang berbeda?
Ya, dan Anda harus melakukannya. Prompt UI seluler Nano Banana Pro 4 layar yang baik pada dasarnya adalah templat yang dapat digunakan kembali untuk perjalanan pengguna. Anda dapat mempertahankan struktur keseluruhannya (misalnya, Orientasi → Beranda → Detail → Analitik) dan cukup mengganti nama aplikasi, fitur, dan salinannya agar sesuai dengan produk baru. Ini memungkinkan Anda membangun pustaka prompt yang konsisten sekaligus menghasilkan alur yang unik untuk setiap aplikasi.