NanoBanana

Nano Banana Tutorial

Articles

Nano Banana pour le design UI

Nano Banana 2 (nanobanana2) aide a transformer rapidement des wireframes ou croquis en maquettes UI plus abouties.
L’objectif n’est pas seulement “faire joli”, mais conserver une structure claire, une hierarchie lisible et une execution coherente.

Exemple de design UI Nano Banana

Taches UI ou nanobanana2 est performant

TacheConseil
Wireframe vers hi-fipreciser couleurs de marque + composants
UI jeu / outilmots-clés de style forts + contraste net
Hero e-commerceglass, liquid, labels produit
Landing marketinghero + grille + espaces blancs

Structure de prompt

  1. Type d’entree : wireframe / screenshot / sketch
  2. Style cible : dark SaaS, glass, minimal dashboard
  3. Composants : nav, hero, cards, table, buttons
  4. Texte : langue, ton et lisibilite explicitement demandes
  5. Contraintes : architecture d’information preservee, habillage visuel uniquement

UI jeu vs UI enterprise

Une UI de jeu privilegie theme, matieres, FX; une UI d’admin privilegie densite, alignement et clarte.
Evite de melanger ces objectifs dans un seul prompt.

Typographie et qualite du texte

Precise le ton typographique, la hierarchie et l’interlignage.
Si seul le texte pose probleme, demande un re-render uniquement de la couche texte sans toucher a la mise en page.

Travailler avec Nano Banana Pro

Utilise nanobanana2 pour explorer rapidement des pistes, puis bascule sur Nano Banana Pro pour verrouiller la coherence d’une serie.