Промпты/Реалистичный макет экрана в GPT Image

Реалистичный макет экрана в GPT Image

16 сентября 2026

Генерация правдоподобного макета приложения: описываем продукт так, будто он уже существует, а не «концепт-арт».

Описание

ДизайнБесплатно

Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.

  • GPT Image
  • макет
  • мобильное приложение
Название
Реалистичный макет экрана в GPT Image
Категория
Дизайн
Источник
OpenAI Cookbook — gpt-image-1.5 Prompting Guide, «UI Mockups» · MIT
Где работает
ChatGPT, Claude и другие ИИ-ассистенты
Объём
14 строк · 112 слов · 822 символа
Переменные

Значения сразу появятся в превью, коде и при копировании.

Как использовать
  1. 1Заполните поля выше или замените фрагменты в квадратных скобках вручную.
  2. 2Скопируйте промпт — он попадёт в буфер обмена целиком.
  3. 3Вставьте его в чат с ИИ: ChatGPT, Claude или любой другой ассистент.
  4. 4Уточняйте ответ короткими репликами, не переписывая промпт заново.

Что внутри

Создай реалистичный макет интерфейса мобильного приложения для [ПРОДУКТ — например, фермерского рынка].

Экран: [КАКОЙ ЭКРАН — главная, каталог, профиль].
На экране: [ЭЛЕМЕНТЫ — например, шапка, карточки продавцов, «Спецпредложения», часы работы].

Сделай его практичным и удобным. [ФОН И ПАЛИТРА — например, белый фон, приглушённые природные акценты], чёткая типографика, минимум декора. Он должен выглядеть как настоящее, хорошо спроектированное и красивое приложение, которое уже опубликовано в App Store.

Размести макет в рамке iPhone.

Правила:
- описывай раскладку, иерархию, отступы и реальные элементы интерфейса;
- никакой лексики концепт-арта — результат должен выглядеть как рабочий продукт, а не эскиз;
- весь текст на экране — на [ЯЗЫК ИНТЕРФЕЙСА], без опечаток;
- без водяных знаков и посторонних логотипов.
```text
Создай реалистичный макет интерфейса мобильного приложения для [ПРОДУКТ — например, фермерского рынка].

Экран: [КАКОЙ ЭКРАН — главная, каталог, профиль].
На экране: [ЭЛЕМЕНТЫ — например, шапка, карточки продавцов, «Спецпредложения», часы работы].

Сделай его практичным и удобным. [ФОН И ПАЛИТРА — например, белый фон, приглушённые природные акценты], чёткая типографика, минимум декора. Он должен выглядеть как настоящее, хорошо спроектированное и красивое приложение, которое уже опубликовано в App Store.

Размести макет в рамке iPhone.

Правила:
- описывай раскладку, иерархию, отступы и реальные элементы интерфейса;
- никакой лексики концепт-арта — результат должен выглядеть как рабочий продукт, а не эскиз;
- весь текст на экране — на [ЯЗЫК ИНТЕРФЕЙСА], без опечаток;
- без водяных знаков и посторонних логотипов.
```
{
  "messages": [
    {
      "role": "user",
      "content": "Создай реалистичный макет интерфейса мобильного приложения для [ПРОДУКТ — например, фермерского рынка].\n\nЭкран: [КАКОЙ ЭКРАН — главная, каталог, профиль].\nНа экране: [ЭЛЕМЕНТЫ — например, шапка, карточки продавцов, «Спецпредложения», часы работы].\n\nСделай его практичным и удобным. [ФОН И ПАЛИТРА — например, белый фон, приглушённые природные акценты], чёткая типографика, минимум декора. Он должен выглядеть как настоящее, хорошо спроектированное и красивое приложение, которое уже опубликовано в App Store.\n\nРазмести макет в рамке iPhone.\n\nПравила:\n- описывай раскладку, иерархию, отступы и реальные элементы интерфейса;\n- никакой лексики концепт-арта — результат должен выглядеть как рабочий продукт, а не эскиз;\n- весь текст на экране — на [ЯЗЫК ИНТЕРФЕЙСА], без опечаток;\n- без водяных знаков и посторонних логотипов."
    }
  ]
}

Действия

НазадВыразительная типографика для страницыДалееПеревести текст на макете, не ломая вёрстку
prompt.txt· заполнено 0 из 5
  1. 1Создай реалистичный макет интерфейса мобильного приложения для [ПРОДУКТ — например, фермерского рынка].
  2. 2​
  3. 3Экран: [КАКОЙ ЭКРАН — главная, каталог, профиль].
  4. 4На экране: [ЭЛЕМЕНТЫ — например, шапка, карточки продавцов, «Спецпредложения», часы работы].
  5. 5​
  6. 6Сделай его практичным и удобным. [ФОН И ПАЛИТРА — например, белый фон, приглушённые природные акценты], чёткая типографика, минимум декора. Он должен выглядеть как настоящее, хорошо спроектированное и красивое приложение, которое уже опубликовано в App Store.
  7. 7​
  8. 8Размести макет в рамке iPhone.
  9. 9​
  10. 10Правила:
  11. 11- описывай раскладку, иерархию, отступы и реальные элементы интерфейса;
  12. 12- никакой лексики концепт-арта — результат должен выглядеть как рабочий продукт, а не эскиз;
  13. 13- весь текст на экране — на [ЯЗЫК ИНТЕРФЕЙСА], без опечаток;
  14. 14- без водяных знаков и посторонних логотипов.