Nano Banana för UI-design
Nano Banana 2 (nanobanana2) hjälper UI-design genom att förvandla wireframes eller skisser till mer polerade layouter, förtydliga hierarki i mörkt läge och förbättra textläsbarhet. Denna guide täcker nanobanana prompts, ett praktiskt arbetsflöde och nanobanana entry.
UI-uppgifter där nanobanana2 fungerar bra
| Uppgift | Anteckningar |
|---|---|
| Wireframe → hi-fi | Lägg till varumärkesfärger och komponentlista |
| Spel-/verktygs-UI | Starka stilord + kontrast |
| E-handelshero | glass, liquid, produktetiketter |
| Marknadsföringslanding | hero + rutnät + vitrymd |
Promptstruktur
- Indatatyp: wireframe / screenshot / sketch.
- Målstil: dark SaaS, glass, minimal dashboard.
- Komponenter: nav, hero, cards, table, buttons.
- Text: språk och läsbarhet (t.ex. “svensk UI-text, tydlig”).
- Begränsningar: bevara informationsarkitektur; endast visuell polish.
Spel-UI vs företags-UI
Spel-UI behöver tema, material, FX; admin-UI behöver täthet och justering. Blanda inte motstridiga mål i en prompt.
Typografi
Ange sans-serif-ton, hierarki och radavstånd. Om bara texten är svag, be om omrendering endast av textlagret utan layoutändring.
Med Nano Banana Pro
Använd nanobanana2 för utforskning; byt till Nano Banana Pro för strängare konsistens i en serie.