Nano Banana para diseño UI
Nano Banana 2 (nanobanana2) puede ayudarte en diseño UI convirtiendo wireframes o bocetos en pantallas más “hi‑fi”, mejorando la jerarquía (especialmente en modo oscuro) y haciendo que el texto sea legible y consistente. Esta guía resume un flujo práctico, qué pedir exactamente y cómo evitar resultados “bonitos pero inutilizables”.
Tareas de UI que nanobanana2 suele hacer bien
| Task | Notes |
|---|---|
| Wireframe → hi-fi | Add brand colors and component list |
| Game / tool UI | Strong style keywords + contrast |
| E-commerce hero | glass, liquid, product labels |
| Marketing landing | hero + grid + whitespace |
En español, puedes traducirlo así:
| Tarea | Nota |
|---|---|
| Wireframe → alta fidelidad | define colores de marca + lista de componentes |
| UI de juego / herramienta | palabras de estilo fuertes + contraste |
| Hero e‑commerce | “glass / liquid”, etiquetas del producto |
| Landing marketing | hero + grid + espacios en blanco |
Estructura de prompt (para UI que se pueda construir)
- Entrada: wireframe / screenshot / boceto.
- Estilo objetivo: SaaS oscuro, glassmorphism, dashboard minimal.
- Componentes: nav, hero, cards, tabla, botones, estados.
- Texto: especifica idioma y tono (“copy en español, claro y conciso”).
- Restricciones: no romper arquitectura de información; solo pulir lo visual.
UI de juego vs UI empresarial
La UI de juego necesita tema, materiales y FX; la UI empresarial necesita densidad, alineación y consistencia. No mezcles objetivos contradictorios en el mismo prompt.
Tipografía y legibilidad
Especifica familia tipográfica, jerarquía (H1/H2/body) y espaciado. Si el texto sale raro, pide re‑render de la capa de texto sin tocar el layout: “mantén el diseño y vuelve a renderizar solo el texto”.
Working with Nano Banana Pro
Use nanobanana2 for exploration; switch to Nano Banana Pro when you need tighter consistency across a series.