NanoBanana

Nano Banana Tutorial

Articles

Nano Banana voor UI-ontwerp

Nano Banana 2 (nanobanana2) helpt bij UI-ontwerp door wireframes of schetsen om te zetten in verfijndere layouts, de hiërarchie in dark mode te verduidelijken en leesbare tekst in de interface te verbeteren. Deze gids behandelt nanobanana prompts, een praktische workflow en de nanobanana entry.

Voorbeeld Nano Banana UI-ontwerp

UI-taken die nanobanana2 goed afhandelt

TaakOpmerkingen
Wireframe → hi-fiVoeg merkkleuren en componentlijst toe
Game-/tool-UISterke stijlkeywords + contrast
E-commerce heroglass, liquid, productlabels
Marketing landinghero + grid + witruimte

Promptstructuur

  1. Invoertype: wireframe / screenshot / sketch.
  2. Doelstijl: dark SaaS, glass, minimal dashboard.
  3. Componenten: nav, hero, cards, table, buttons.
  4. Tekst: taal en leesbaarheid expliciet (bijv. “Nederlandse UI-tekst, scherp”).
  5. Constraints: informatiearchitectuur behouden; alleen visuele polish.

Game-UI vs enterprise-UI

Game-UI vraagt om thema, materialen, FX; admin-UI om dichtheid en uitlijning. Meng geen tegenstrijdige doelen in één prompt.

Typografie

Specificeer sans-serif-toon, hiërarchie en regelafstand. Als alleen tekst zwak is, vraag om alleen de tekstlaag opnieuw te renderen zonder layout te wijzigen.

Met Nano Banana Pro

Gebruik nanobanana2 om te verkennen; schakel over naar Nano Banana Pro voor strakkere consistentie in een serie.