NanoBanana

Nano Banana Tutorial

Articles

Nano Banana untuk desain UI

Nano Banana 2 (nanobanana2) membantu desain UI dengan mengubah wireframe atau sketsa kasar menjadi tata letak yang lebih halus, memperjelas hierarki mode gelap, dan meningkatkan keterbacaan teks pada antarmuka. Panduan ini mencakup nanobanana prompts, alur praktis, dan tautan nanobanana entry.

Contoh desain UI Nano Banana

Tugas UI yang cocok untuk nanobanana2

TugasCatatan
Wireframe → hi-fiTambahkan warna merek dan daftar komponen
UI game / alatKata kunci gaya kuat + kontras
Hero e-commerceglass, liquid, label produk
Landing pemasaranhero + grid + ruang putih

Struktur prompt

  1. Jenis input: wireframe / screenshot / sketch.
  2. Gaya target: dark SaaS, glass, minimal dashboard.
  3. Komponen: nav, hero, cards, table, buttons.
  4. Teks: bahasa dan keterbacaan (mis. “teks UI Bahasa Indonesia, tajam”).
  5. Batasan: pertahankan arsitektur informasi; hanya polesan visual.

UI game vs UI perusahaan

UI game membutuhkan tema, material, FX; panel admin membutuhkan kepadatan dan perataan. Jangan mencampur tujuan yang bertentangan dalam satu prompt.

Tipografi

Sebutkan nada sans-serif, hierarki, dan jarak baris. Jika hanya teks yang lemah, minta render ulang hanya lapisan teks tanpa mengubah layout.

Dengan Nano Banana Pro

Gunakan nanobanana2 untuk eksplorasi; beralih ke Nano Banana Pro saat butuh konsistensi lebih ketat dalam satu seri.