NanoBanana

Nano Banana Tutorial

Articles

Nano Banana do projektowania UI

Nano Banana 2 (nanobanana2) wspiera projektowanie UI, zamieniając wireframe’y lub szkice w dopracowane układy, porządkując hierarchię w trybie ciemnym i poprawiając czytelność tekstu w interfejsie. Przewodnik obejmuje nanobanana prompts, praktyczny workflow i link nanobanana entry.

Przykład UI Nano Banana

Zadania UI, w których nanobanana2 radzi sobie dobrze

ZadanieUwagi
Wireframe → hi-fiDodaj kolory marki i listę komponentów
UI gry / narzędziaMocne słowa kluczowe stylu + kontrast
Hero e-commerceglass, liquid, etykiety produktu
Landing marketingowyhero + siatka + puste pole

Struktura promptu

  1. Typ wejścia: wireframe / screenshot / sketch.
  2. Styl docelowy: dark SaaS, glass, minimal dashboard.
  3. Komponenty: nav, hero, cards, table, buttons.
  4. Tekst: język i czytelność (np. „tekst UI po polsku, ostry”).
  5. Ograniczenia: zachowaj architekturę informacji; tylko dopracowanie wizualne.

UI gry a UI enterprise

UI gry potrzebuje motywu, materiałów, FX; panel admina — gęstości i wyrównania. Nie mieszaj sprzecznych celów w jednym prompcie.

Typografia

Określ charakter sans-serif, hierarchię i interlinię. Jeśli tylko tekst jest słaby, poproś o ponowne wyrenderowanie samej warstwy tekstu bez zmiany layoutu.

Z Nano Banana Pro

Używaj nanobanana2 do eksploracji; przechodź na Nano Banana Pro, gdy potrzebujesz ściślejszej spójności serii.