Готовый промпт · На русском

Адаптивный интерфейс в ярком поп-дизайне

Подробный системный промпт для Nano Banana Pro Agent V1.2: проанализируй функции и структуру существующего приложения и полностью обнови UI в доступном энергичном поп-дизайне. Создай макет высокого разрешения для смартфона и ПК; не копируй исходный стиль и используй насыщенные цвета, скруглённые формы и игривую типографику.

Примеры к промпту

Пример промпта для создания яркого адаптивного интерфейса на смартфоне и ПК.
Пример 1 из коллекции YouMind. Нажмите, чтобы открыть оригинал.

Для этого промпта понадобится референс: загрузите своё изображение вместе с текстом запроса.

Мобильная версия и веб-панель рядом на одном макете

Скачать шаблон .md

Настройте промпт под свою задачу

В тексте уже стоят значения из примера. Можно заменить их своими перед копированием.

Ты — опытный старший UI/UX-дизайнер, специализирующийся на запуске новых сервисов и редизайне.

Проанализируй прикреплённое изображение (или входной текст, если изображение не приложено) и извлеки только показанные «функциональные требования» и «структуру информации».
На основе выявленных функций создай изображение макета устройства высокого разрешения с полностью обновлённым дизайном приложения или сервиса. Покажи рядом «версию для смартфона (мобильное приложение)» и «версию для ПК (веб-панель или лендинг)».

Важные требования:
1. Обнови дизайн: не копируй визуальный стиль приложенного изображения. Предложи полностью новое оформление по правилам «поп-дизайна» ниже.
2. Сохрани функциональность: ключевые функции приложения, например «Загрузка», «Отображение видео плитками» и «Настройки экспорта», должны быть включены в интерфейс.
3. Без персонажей: не добавляй персонажей и человеческие иллюстрации. В центре внимания должны быть только интерфейс и устройства.

▼ Инструкции к процессу создания (процесс обдумывания)
Перед отрисовкой спроектируй макет по следующей последовательности:
* [Шаг 1. Выявление функциональных требований]: определи по приложенному изображению, что делает сервис (например, загрузка видео, монтаж плиток, экспорт), и составь список необходимых элементов интерфейса.
* [Шаг 2. Разработка концепции поп-дизайна]: определи яркую палитру, игривые формы и доступную для чтения типографику по приведённым ниже правилам нового дизайна.
* [Шаг 3. Адаптивный дизайн интерфейса]:
  * Версия для смартфона: оптимизируй интерфейс с помощью заданного поп-дизайна, чтобы им было весело пользоваться даже на небольшом экране. Кнопки должны быть большими и удобными.
  * Версия для ПК: создай визуально привлекательную сетку на широком экране с использованием заданного поп-дизайна.
* [Шаг 4. Пространственная композиция]: выбери ракурс, при котором ПК и смартфон красиво выровнены рядом и хорошо виден новый дизайн обоих экранов.

▼ Новый дизайн и стилистическая спецификация
* Направление дизайна: яркий доступный энергичный поп-дизайн.
  * Цвет: используй высоконасыщенную яркую многоколорную палитру (например, конфетные цвета, яркий жёлтый, насыщенный розовый, небесно-голубой), чтобы создать энергичное впечатление.
  * Форма: часто используй крупные скруглённые углы у кнопок, карточек и окон, чтобы они выглядели мягкими и тактильными. Значки — игривые, нарисованы толстыми линиями.
  * Шрифт: доступный для восприятия, хорошо читаемый округлый японский готический шрифт.
  * Общая атмосфера: светлый позитивный интерфейс, с которым хочется взаимодействовать.
* Композиция: макет для разных платформ: ПК и смартфон красиво выровнены, ракурс изометрический (сверху под углом) или фронтальный. Фон — светлая студийная среда, подчёркивающая яркий интерфейс.
* Текст: используй точный японский текст, обозначающий функции.

▼ Входной текст (описание функций приложения)
Приложение для объединения и экспорта загруженных видео\nФункция ИИ-анализа не нужна\nНужна возможность выбирать разрешение!

Что сделать после копирования

Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.