NanoBanana

Nano Banana Tutorial

Articles

Nano Banana para design de UI

O Nano Banana 2 (nanobanana2) ajuda no design de UI ao transformar wireframes ou esboços em layouts mais polidos, clarificar hierarquia no modo escuro e melhorar a legibilidade do texto na interface. Este guia cobre nanobanana prompts, um fluxo prático e o link da nanobanana entry.

Exemplo de design de UI Nano Banana

Tarefas de UI em que o nanobanana2 se sai bem

TarefaObservações
Wireframe → hi-fiInclua cores da marca e lista de componentes
UI de jogo / ferramentaPalavras-chave de estilo fortes + contraste
Hero de e-commerceglass, liquid, rótulos de produto
Landing de marketinghero + grid + espaço em branco

Estrutura do prompt

  1. Tipo de entrada: wireframe / screenshot / sketch.
  2. Estilo alvo: dark SaaS, glass, minimal dashboard.
  3. Componentes: nav, hero, cards, table, buttons.
  4. Texto: indique idioma e legibilidade (ex.: “texto de UI em português, nítido”).
  5. Restrições: preserve a arquitetura de informação; apenas refinamento visual.

UI de jogo vs UI corporativa

UI de jogo precisa de tema, materiais, FX; painéis admin precisam de densidade e alinhamento. Não misture metas conflitantes num único prompt.

Tipografia e texto

Especifique tom sans-serif, hierarquia e entrelinha. Se só o texto falhar, peça re-renderizar apenas a camada de texto sem mudar o layout.

Com o Nano Banana Pro

Use nanobanana2 para explorar; mude para Nano Banana Pro quando precisar de maior consistência em uma série.