Nano Banana für UI-Design
Nano Banana 2 (nanobanana2) hilft im UI-Design dabei, Wireframes und grobe Skizzen schnell in hochwertige Layouts zu ueberfuehren.
Entscheidend ist dabei nicht nur die Optik, sondern dass Informationsstruktur, Hierarchie und Lesbarkeit erhalten bleiben.
Dieser Leitfaden zeigt einen praxisnahen Prompt-Workflow fuer konsistente Ergebnisse.
UI-Aufgaben, die nanobanana2 besonders gut kann
| Aufgabe | Hinweis |
|---|---|
| Wireframe zu Hi-Fi | Markenfarben und Komponentenliste klar angeben |
| Game-/Tool-UI | starke Stilbegriffe + klarer Kontrast |
| E-Commerce Hero | Begriffe wie glass/liquid + Produktlabels |
| Marketing Landingpage | Hero, Grid und Weissraum zusammen definieren |
Prompt-Struktur
- Input-Typ: wireframe / screenshot / sketch
- Zielstil: dark SaaS, glass, minimal dashboard
- Komponenten: nav, hero, cards, table, buttons
- Textbedingungen: Sprache, Ton, Lesbarkeit explizit angeben
- Constraints: Informationsarchitektur beibehalten, nur visuelle Veredelung
Game-UI vs. Enterprise-UI
Game-UI priorisiert Thema, Material, FX; Enterprise-/Admin-UI priorisiert Dichte, Ausrichtung und Klarheit.
Mische diese Ziele nicht in einem einzigen Prompt.
Typografie und Textqualitaet
Definiere Schriftcharakter, Hierarchie und Zeilenabstand.
Wenn nur die Schriftqualitaet schwach ist, fordere ein Re-Rendern nur der Textebene bei unveraendertem Layout an.
Zusammenspiel mit Nano Banana Pro
Nutze nanobanana2 fuer Exploration und Varianten.
Wechsle zu Nano Banana Pro, wenn du fuer Serienproduktionen maximale Konsistenz brauchst.