Главная / Дизайн и изображения / Генерация экранов мобильного приложения

Генерация экранов мобильного приложения

Описание промпта

Генерация экранов мобильного приложения с использованием JSON параметров.

Инструкция по использованию промпта

Копируйте базовый промпт, затем так где указано в базовом промпте вставьте интересующий вас JSON.
JSON параметры можно менять как угодно.

Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.

Составной промпт

Один базовый блок и несколько экранов внутри общей системы. Для каждого экрана можно скопировать отдельный итоговый prompt.

Базовый промпт Войти для копирования

Ты генератор UI-концептов мобильных приложений.

Твоя задача — по входному JSON сгенерировать единый визуальный концепт мобильного приложения сразу из 4 экранов в одном изображении или в одной согласованной серии.

Главное правило:
все 4 экрана должны принадлежать одной и той же дизайн-системе:
- одинаковая цветовая палитра
- одинаковая типографика
- одинаковая форма карточек, кнопок, полей, иконок
- одинаковая логика отступов, теней, скруглений
- единый визуальный стиль
- интерфейс полностью на русском языке
- все цены только в рублях (₽)
- все кнопки, подписи, статусы, категории, карточки, названия блоков и вторичный текст — на русском языке

Формат результата:
- показать 4 мобильных экрана рядом
- вертикальные экраны в стиле iPhone / современного смартфона
- каждый экран визуально самостоятельный, но все вместе должны выглядеть как один продукт
- high-fidelity mobile UI concept
- clean UI
- premium modern app design
- realistic app store presentation
- pixel-perfect layout
- very detailed interface
- no gibberish
- readable Russian text
- visually polished
- soft shadows
- elegant rounded corners
- modern mobile app composition

Структура экранов всегда фиксированная:
1. Главный экран / входная точка
2. Каталог / список / подборка
3. Карточка товара / услуги / объекта
4. Корзина / бронирование / оформление / итог

Правила генерации по экранам:

Экран 1 — Главный:
- приветствие или главный заголовок
- hero-блок с главным визуальным акцентом
- основной CTA
- короткий ввод в сценарий пользователя
- нижняя навигация
- экран должен сразу объяснять, что это за приложение и что пользователь может сделать

Экран 2 — Каталог:
- строка поиска
- категории или фильтры
- подборка карточек
- карточки должны содержать изображение, название, рейтинг или ключевую характеристику, цену в рублях или важный параметр
- экран должен быть ориентирован на выбор

Экран 3 — Карточка:
- крупное изображение объекта
- название
- цена в рублях или ключевой тариф / стоимость
- рейтинг или доверительный индикатор
- краткие характеристики
- дополнительные опции, если они предусмотрены сценарием
- главный CTA
- экран должен быть ориентирован на принятие решения

Экран 4 — Оформление:
- список выбранных позиций или итоговое содержимое
- количество / параметры / стоимость
- поле промокода, если уместно
- блок итоговой суммы
- главная кнопка завершения сценария
- экран должен быть максимально понятным и структурным

Правила визуального стиля:
- не делать абстрактный Dribbble-арт без UX-логики
- не делать фантазийный интерфейс без реальной структуры
- не перегружать декоративными элементами
- избегать хаоса
- не использовать английский язык
- не использовать доллары
- не искажать текст
- не смешивать стили между экранами
- интерфейс должен выглядеть реалистично и пригодно к реальной разработке

Используй входной JSON как единственный источник параметров.
Если какое-то поле не задано явно, делай логичное решение в рамках выбранной ниши и единой дизайн-системы.

Входной JSON:
[ВСТАВЬ СЮДА JSON]

Разбери JSON и создай UI-концепт приложения из 4 экранов. Не объединяй экраны в один, сделай 4 разных экрана

Экраны

2 экрана

Путешествия

Экран 1

Открыть

Войти для копирования

Промпт экрана

{
  "app": {
    "name": "Мой отдых",
    "type": "путешествия",
    "platform_style": "iOS",
    "language": "ru",
    "currency": "RUB"
  },
  "visual_style": {
    "mood": "luxury travel",
    "background_color": "#f5efe6",
    "surface_color": "#fffaf4",
    "primary_color": "#cfa55b",
    "secondary_color": "#7fb4d8",
    "accent_color": "#8d6a2b",
    "text_color": "#2d241c",
    "corner_radius": "22px",
    "shadow_style": "soft",
    "icon_style": "minimal outline",
    "font_style": "refined sans-serif"
  },
  "content": {
    "audience": "путешественники со средним и высоким доходом",
    "tone": "вдохновляющий",
    "price_format": "₽",
    "cta_style": "спокойные премиальные кнопки"
  },
  "navigation": {
    "tabs": ["Главная", "Поиск", "Поездки", "Профиль"]
  },
  "screens": {
    "home": {
      "title": "Откройте ваш идеальный отпуск",
      "subtitle": "Подберите направление мечты",
      "hero_object": "тропический курорт над водой",
      "hero_image_style": "яркая travel-фотография luxury resort",
      "primary_cta": "Подобрать тур",
      "sections": [
        {
          "title": "Популярные направления",
          "items": ["Мальдивы", "Бора-Бора", "Бали", "Сейшелы"]
        }
      ]
    },
    "catalog": {
      "title": "Направления",
      "search_placeholder": "Куда хотите поехать?",
      "filters": ["Пляж", "Романтика", "Люкс", "Семейный отдых"],
      "cards": [
        {
          "name": "Мальдивы",
          "price": "от 185 000 ₽",
          "meta": "7 ночей",
          "rating": "4.9",
          "badge": "Популярно"
        },
        {
          "name": "Бора-Бора",
          "price": "от 240 000 ₽",
          "meta": "5 ночей",
          "rating": "4.9",
          "badge": "Премиум"
        }
      ]
    },
    "product": {
      "name": "Курорт Бора-Бора",
      "price": "от 240 000 ₽",
      "rating": "4.9",
      "description_points": [
        "Вилла над водой",
        "Частный бассейн",
        "Все включено"
      ],
      "options": [
        "5 ночей",
        "7 ночей",
        "Завтрак включен"
      ],
      "primary_cta": "Забронировать"
    },
    "checkout": {
      "title": "Ваше бронирование",
      "items": [
        {
          "name": "Курорт Бора-Бора",
          "price": "240 000 ₽",
          "qty": 1
        }
      ],
      "promo_placeholder": "Промокод",
      "summary": {
        "subtotal": "240 000 ₽",
        "service_fee": "12 000 ₽",
        "total": "252 000 ₽"
      },
      "primary_cta": "Перейти к оплате"
    }
  }
}

Универсальный маркетплейс

Экран 2

Открыть

Войти для копирования

Промпт экрана

{
  "app": {
    "name": "Маркет рядом",
    "type": "маркетплейс",
    "platform_style": "iOS",
    "language": "ru",
    "currency": "RUB"
  },
  "visual_style": {
    "mood": "clean commerce",
    "background_color": "#f3f4f6",
    "surface_color": "#ffffff",
    "primary_color": "#4f46e5",
    "secondary_color": "#818cf8",
    "accent_color": "#312e81",
    "text_color": "#111827",
    "corner_radius": "20px",
    "shadow_style": "soft",
    "icon_style": "minimal outline",
    "font_style": "modern sans-serif"
  },
  "content": {
    "audience": "массовый пользователь",
    "tone": "понятный и быстрый",
    "price_format": "₽",
    "cta_style": "короткие заметные кнопки"
  },
  "navigation": {
    "tabs": ["Главная", "Каталог", "Корзина", "Профиль"]
  },
  "screens": {
    "home": {
      "title": "Найдите нужные товары быстро",
      "subtitle": "Покупки в одном приложении",
      "hero_object": "подборка товаров маркетплейса",
      "hero_image_style": "современный e-commerce hero collage",
      "primary_cta": "Начать покупки",
      "sections": [
        {
          "title": "Категории",
          "items": ["Электроника", "Дом", "Красота", "Одежда"]
        }
      ]
    },
    "catalog": {
      "title": "Каталог",
      "search_placeholder": "Поиск товаров",
      "filters": ["Скидки", "Хиты", "Новинки", "Рядом"],
      "cards": [
        {
          "name": "Беспроводные наушники",
          "price": "5 990 ₽",
          "meta": "Доставка завтра",
          "rating": "4.7",
          "badge": "Скидка"
        },
        {
          "name": "Увлажнитель воздуха",
          "price": "3 490 ₽",
          "meta": "В наличии",
          "rating": "4.6",
          "badge": "Хит"
        }
      ]
    },
    "product": {
      "name": "Беспроводные наушники",
      "price": "5 990 ₽",
      "rating": "4.7",
      "description_points": [
        "Шумоподавление",
        "До 30 часов работы",
        "Быстрая зарядка"
      ],
      "options": [
        "Черный",
        "Белый",
        "С гарантией"
      ],
      "primary_cta": "Добавить в корзину"
    },
    "checkout": {
      "title": "Корзина",
      "items": [
        {
          "name": "Беспроводные наушники",
          "price": "5 990 ₽",
          "qty": 1
        }
      ],
      "promo_placeholder": "Введите промокод",
      "summary": {
        "subtotal": "5 990 ₽",
        "delivery": "0 ₽",
        "total": "5 990 ₽"
      },
      "primary_cta": "Оформить заказ"
    }
  }
}

Генерация экранов мобильного приложения

Экраны

Поделитесь в социальных сетях

Комментарии