NanoBanana

Nano Banana Tutorial

Articles

Nano Banana untuk reka bentuk UI

Nano Banana 2 (nanobanana2) membantu reka bentuk UI dengan mengubah wireframe atau lakaran kasar menjadi susun atur lebih halus, menjelaskan hierarki mod gelap dan meningkatkan kebolehbacaan teks pada antara muka. Panduan ini merangkumi nanobanana prompts, aliran praktikal dan pautan nanobanana entry.

Contoh reka bentuk UI Nano Banana

Tugas UI yang sesuai untuk nanobanana2

TugasNota
Wireframe → hi-fiTambah warna jenama dan senarai komponen
UI permainan / alatKata kunci gaya kuat + kontras
Hero e-dagangglass, liquid, label produk
Landing pemasaranhero + grid + ruang putih

Struktur prompt

  1. Jenis input: wireframe / screenshot / sketch.
  2. Gaya sasaran: dark SaaS, glass, minimal dashboard.
  3. Komponen: nav, hero, cards, table, buttons.
  4. Teks: bahasa dan kebolehbacaan (cth. “teks UI Bahasa Melayu, tegas”).
  5. Had: kekalkan seni bina maklumat; hanya kemasan visual.

UI permainan vs UI perusahaan

UI permainan memerlukan tema, bahan, FX; panel admin memerlukan kepadatan dan penjajaran. Jangan campur matlamat bercanggah dalam satu prompt.

Tipografi

Nyatakan nada sans-serif, hierarki dan jarak baris. Jika hanya teks lemah, minta render semula hanya lapisan teks tanpa mengubah susun atur.

Dengan Nano Banana Pro

Gunakan nanobanana2 untuk meneroka; beralih ke Nano Banana Pro apabila memerlukan konsistensi lebih ketat dalam satu siri.