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Сильные стилевые ключи + контраст
E-commerce heroglass, liquid, подписи к продукту
Маркетинговый лендингhero + сетка + воздух

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

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

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

Игровому UI нужны тема, материалы, эффекты; админ-панели — плотность и выравнивание. Не смешивайте противоречивые цели в одном промпте.

Типографика и текст

Задайте характер шрифта, иерархию и межстрочный интервал. Если страдают только буквы, попросите перерисовать только текстовый слой, не меняя вёрстку.

Совместно с Nano Banana Pro

Используйте nanobanana2 для поиска идей; переходите на Nano Banana Pro, когда нужна более жёсткая согласованность серии.