NanoBanana

Nano Banana Tutorial

Articles

Nano Banana для UI-дизайну

Nano Banana 2 (nanobanana2) допомагає в UI-дизайні: перетворює wireframe або ескізи на більш відшліфовані макети, прояснює ієрархію в темному режимі та покращує читабельність тексту. Нижче — nanobanana prompts, практичний workflow і nanobanana entry.

Приклад UI-дизайну Nano Banana

Завдання UI, де nanobanana2 добре працює

ЗавданняПримітки
Wireframe → hi-fiКольори бренду + список компонентів
Ігровий / інструментальний UIСильні стильові ключі + контраст
Hero e-commerceglass, liquid, підписи продукту
Маркетинговий лендінгhero + сітка + повітря

Структура промпта

  1. Тип входу: wireframe / screenshot / sketch.
  2. Цільовий стиль: dark SaaS, glass, minimal dashboard.
  3. Компоненти: nav, hero, cards, table, buttons.
  4. Текст: мова та читабельність (наприклад, «український UI-текст, чіткий»).
  5. Обмеження: зберегти інформаційну архітектуру; лише візуальне доопрацювання.

Ігровий UI та корпоративний UI

Ігровому UI потрібні тема, матеріали, FX; адмін-панелям — щільність і вирівнювання. Не змішуйте суперечливі цілі в одному промпті.

Типографіка

Укажіть sans-serif тон, ієрархію та міжрядковий інтервал. Якщо лише текст слабкий — попросіть перерендерити лише текстовий шар без зміни верстки.

З Nano Banana Pro

nanobanana2 — для пошуку ідей; Nano Banana Pro — для жорсткішої узгодженості серії.