Иллюстрация для первого экрана сайта

13 сентября 2026

Структура промпта для GPT Image, Midjourney и других: сцена, объект, детали, композиция и ограничения.

Описание

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

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

генерация изображений
hero
композиция

Название

Иллюстрация для первого экрана сайта

Категория

Дизайн

Источник

OpenAI Cookbook — gpt-image-1.5 Prompting Guide, «Prompting Fundamentals» · MIT

Где работает

ChatGPT, Claude и другие ИИ-ассистенты

Объём

18 строк · 145 слов · 986 символов

Переменные

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

[ТЕМА САЙТА]

[СООТНОШЕНИЕ СТОРОН — например, 16:9]

[ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами]

[ЧТО В ЦЕНТРЕ ВНИМАНИЯ]

[МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ]

[ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ]

[КРУПНЫЙ / ОБЩИЙ / СВЕРХУ]

[НА УРОВНЕ ГЛАЗ / СНИЗУ]

[СЛЕВА ИЛИ СПРАВА]

[МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ]

Как использовать

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

Что внутри

Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].

Сцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].
Главный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].
Ключевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].
Стиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].

Композиция:
- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];
- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];
- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;
- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].

Для фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».

Ограничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.

Дальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было.

```text
Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].

Сцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].
Главный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].
Ключевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].
Стиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].

Композиция:
- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];
- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];
- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;
- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].

Для фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».

Ограничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.

Дальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было.
```

{
  "messages": [
    {
      "role": "user",
      "content": "Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].\n\nСцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].\nГлавный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].\nКлючевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].\nСтиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].\n\nКомпозиция:\n- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];\n- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];\n- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;\n- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].\n\nДля фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».\n\nОграничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.\n\nДальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было."
    }
  ]
}

Действия

prompt.txt· заполнено 0 из 10

Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].
Сцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].
Главный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].
Ключевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].
Стиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].
Композиция:
- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];
- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];
- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;
- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].
Для фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».
Ограничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.
Дальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было.

Описание

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

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

генерация изображений
hero
композиция

Название

Иллюстрация для первого экрана сайта

Категория

Дизайн

Источник

OpenAI Cookbook — gpt-image-1.5 Prompting Guide, «Prompting Fundamentals» · MIT

Где работает

ChatGPT, Claude и другие ИИ-ассистенты

Объём

18 строк · 145 слов · 986 символов

Переменные

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

[ТЕМА САЙТА]

[СООТНОШЕНИЕ СТОРОН — например, 16:9]

[ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами]

[ЧТО В ЦЕНТРЕ ВНИМАНИЯ]

[МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ]

[ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ]

[КРУПНЫЙ / ОБЩИЙ / СВЕРХУ]

[НА УРОВНЕ ГЛАЗ / СНИЗУ]

[СЛЕВА ИЛИ СПРАВА]

[МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ]

Как использовать

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

Что внутри

Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].

Сцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].
Главный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].
Ключевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].
Стиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].

Композиция:
- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];
- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];
- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;
- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].

Для фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».

Ограничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.

Дальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было.

```text
Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].

Сцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].
Главный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].
Ключевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].
Стиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].

Композиция:
- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];
- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];
- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;
- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].

Для фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».

Ограничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.

Дальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было.
```

{
  "messages": [
    {
      "role": "user",
      "content": "Назначение: изображение для первого экрана сайта [ТЕМА САЙТА], формат [СООТНОШЕНИЕ СТОРОН — например, 16:9].\n\nСцена и фон: [ГДЕ ПРОИСХОДИТ — например, светлая мастерская с большими окнами].\nГлавный объект: [ЧТО В ЦЕНТРЕ ВНИМАНИЯ].\nКлючевые детали: [МАТЕРИАЛЫ, ФАКТУРЫ, ФОРМЫ, 3–5 ПУНКТОВ].\nСтиль: [ФОТО / 3D-РЕНДЕР / ПЛОСКАЯ ИЛЛЮСТРАЦИЯ / АКВАРЕЛЬ].\n\nКомпозиция:\n- план: [КРУПНЫЙ / ОБЩИЙ / СВЕРХУ];\n- ракурс: [НА УРОВНЕ ГЛАЗ / СНИЗУ];\n- объект [СЛЕВА ИЛИ СПРАВА], с другой стороны — спокойное свободное место под заголовок и кнопку;\n- свет и настроение: [МЯГКИЙ РАССЕЯННЫЙ / ЗОЛОТОЙ ЧАС / КОНТРАСТНЫЙ].\n\nДля фотореализма используй язык съёмки: объектив, глубина резкости, направление света — это работает лучше, чем «8K, ультрадетализация».\n\nОграничения: без текста на изображении, без водяных знаков, без логотипов и товарных знаков, без лишних людей в кадре.\n\nДальше я буду уточнять по одному изменению за раз («теплее свет», «убери лишний предмет») — сохраняй всё остальное как было."
    }
  ]
}