Создание веб-страниц с помощью AI Studio

Создайте посадочную страницу, одностраничник, страницу товара или макет публикации, затем проверьте живой результат и выберите, кто сможет его открыть.

1 мин чтения

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

Выберите тип Веб-страница, когда черновиком должен стать сам пользовательский опыт. AI Studio создаёт на холсте объект с живым предварительным просмотром: страницу можно открыть, проверить рядом с источниками и опубликовать как отдельный предварительный просмотр.

Коротко о главном

Откройте редактируемый холст, выберите тип Веб-страница и исходные объекты. Выберите Стиль, укажите в запросе аудиторию, цель, разделы и основное действие, затем нажмите Отправить. Откройте Предпросмотр, проверьте варианты для компьютера и телефона, каждое утверждение и ссылку. Владелец страницы может открыть Поделиться предпросмотром, включить параметр Публичная ссылка и нажать Скопировать ссылку, если страницу должны открыть пользователи вне холста.

Выбирайте веб-страницу для проверяемого пользовательского опыта

Веб-страницы AI Studio подходят для прототипов, клиентских просмотров, концепций кампаний, интерактивных одностраничников и других материалов, которые нужно открыть, а не просто описать.

Что вам нужно	Выберите	Почему
Редактируемый текст, исследование или структурированный бриф	Документ	Результатом является текст.
Сравнение, трекер или сетка данных	Таблица	Логику определяют строки и столбцы.
Один ключевой визуал или статичная композиция	Изображение	Для проверки идеи достаточно одного кадра.
Озвученное обновление или история	Аудио	Прослушивание является частью передачи результата.
Страница, которую нужно открыть, прокрутить, нажать и проверить	Веб-страница	Компоновка и взаимодействие являются частью результата.

Сгенерированная страница предназначена для предварительного просмотра, а не для размещения рабочего сайта или управления его содержимым. Используйте её, чтобы определить направление и собрать отзывы. Одобренные тексты, медиа, аналитику, формы, юридические тексты и рабочие интеграции перенесите в систему, которой принадлежит итоговый сайт.

Проверьте доступ перед началом

Параметр	Подробности
Где доступно	На редактируемых невстроенных холстах в веб-приложении и приложении для компьютера.
Кто может создавать	Участники рабочей области с правами на редактирование холста.
Кто может открыть просмотр на холсте	Пользователи, которые могут читать готовый объект холста.
Кто может создать публичную ссылку	Владелец сеанса сгенерированной страницы.
Что запускает работу	Успешная проверка ИИ-кредитов рабочей области при отправке запроса.
Чем становится результат	Объект с живым предварительным просмотром веб-страницы на текущем холсте.

Гости, внешние соавторы и пользователи с правами только на просмотр или комментирование не могут создавать страницу. Они могут просматривать готовый объект, если это разрешено их доступом к холсту.

Создайте страницу из материалов холста

Откройте холст, на котором должны находиться бриф, ссылки и созданная страница.
Выберите заметки, изображения, файлы, таблицы или предыдущие результаты, на которых должна основываться страница.
В AI Studio выберите тип Веб-страница.
Выберите Стиль.
Напишите запрос. Укажите аудиторию, цель страницы, основное действие, обязательные разделы, ограничения источников и приоритетное устройство или платформу.
Прикрепите файлы или вставьте HTTPS-ссылки, если источника ещё нет на холсте. Дождитесь завершения загрузки.
Нажмите Отправить. Пока AI Studio исследует материалы, задаёт направление и создаёт страницу, объект показывает состояние генерации.
Когда объект будет готов, откройте Предпросмотр.

В этом примере выбранные материалы холста превращаются в веб-страницу, после чего готовый результат открывается для проверки и публикации.

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

Выберите стиль по задаче страницы

Стиль	Когда использовать	Направление страницы
Авто	Вы знаете нужный итог, но не хотите заранее задавать формат.	AI Studio выбирает подачу по запросу и источнику.
Лендинг	Новый посетитель должен понять предложение и выполнить одно главное действие.	Первый экран, ценностное предложение, доказательства или сигналы доверия, последовательность разделов и ясные блоки призыва к действию.
Одностраничник	Бриф, предложение, резюме запуска или обзор для руководства должны поместиться на одной компактной странице.	Быстро просматриваемые разделы, сильная иерархия, ключевые факты и минимум повествовательных отступлений.
Карточка товара	Концепцию товара нужно оценить с точки зрения покупки.	Изображения товара, название и цена, варианты, доставка и возврат, доказательства и иерархия действий «добавить в корзину» или «купить сейчас».
Превью соцсетей	Публикация кампании должна выглядеть как в целевой социальной сети.	Реалистичный мобильный макет публикации с узнаваемым аккаунтом, медиа, действием, подписью и временем.

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

Не выбирайте Лендинг для любой аккуратной страницы. Обзор для совета директоров из пяти разделов обычно относится к типу Одностраничник. Для запуска товара с галереей, вариантами, доставкой и доказательствами покупки подходит тип Карточка товара. Верный выбор избавляет от удаления ненужных разделов.

Дайте странице настоящий бриф

Конструктор может использовать выбранные изображения холста, загруженные изображения, файлы, PDF, контекст аудио и видео, таблицы, текстовые объекты и доступные веб-ссылки. Изображения становятся визуальными ориентирами, а документы, расшифровки, таблицы и текст страниц служат материалом для планирования и текста.

Входные данные	Для чего использовать
Выбранные объекты холста	Сохранить связь страницы с брифом, одобренным текстом, таблицами и визуальными ссылками.
Прикреплённые изображения	Передать фотографии продукта, материалы кампании, логотипы или примеры компоновки, которых ещё нет на холсте.
Прикреплённые документы и медиа	Передать факты, характеристики, материалы интервью, расшифровки или готовый бриф.
HTTPS-ссылки	Добавить общедоступные исходные страницы и материалы, доступные сервису.
Запрос	Определить аудиторию, задачу страницы, порядок сообщений, призывы к действию, обязательные факты и границы.

Лучший запрос похож на небольшой креативный бриф:

Создай страницу в стиле «Карточка товара» для выбранной концепции средства по уходу за кожей. Используй выбранное изображение продукта как основное. Аудитория: новые покупатели с чувствительной кожей. Добавь преимущества, состав, способ применения, доставку и возврат, три места для отзывов и одно действие «Добавить в корзину». Не меняй предоставленные цену и утверждения. Не придумывай сертификаты.

Такой запрос отделяет решения о компоновке от разрешённых фактов. Страница может быть визуально выразительной, не выходя за пределы предоставленных доказательств.

Разберитесь с объектом живого предварительного просмотра

Сгенерированный объект не является обычной вставленной ссылкой на сайт. Действие Предпросмотр открывает страницу в специальном средстве просмотра. Там сохраняется связь с версиями и доступны представления для компьютера, телефона и кода.

Ответьте с помощью предварительного просмотра на четыре вопроса:

Объясняет ли первый экран суть страницы без брифа рядом?
Остаётся ли основное действие ясным после первой прокрутки?
Сохраняет ли мобильный вид иерархию, а не просто уменьшает всё содержимое?
Работают ли ссылки, элементы управления, медиа и интерактивные разделы так, как обещает текст?

Страница может загружать внешние изображения, шрифты, скрипты, видео и другие HTTPS-ресурсы. Их владелец может заблокировать, удалить или изменить их. Просмотр, зависящий от таких ресурсов, необходимо снова проверить перед показом клиенту. В рабочей реализации замените ненадёжные внешние ресурсы.

Проверьте страницу до отправки ссылки

Самостоятельно откройте страницу и проверьте:

Проверка	На что смотреть
Сообщение	Ценностное предложение, аудитория и основное действие соответствуют брифу.
Факты	Имена, цены, даты, характеристики, утверждения и ссылки соответствуют источнику.
Компьютер и телефон	Разделы читаются, идут в правильном порядке и удобны на обеих ширинах.
Ссылки и элементы управления	Каждое видимое действие ведёт по нужному адресу или явно выглядит как элемент прототипа.
Медиа	Изображения загружаются, кадрирование уместно, а частные или нелицензированные источники не попали на страницу.
Метаданные страницы	Название, описание и миниатюра холста обозначают нужную версию.
Конфиденциальное содержимое	Внутренние заметки, данные клиентов, юридические черновики и неподтверждённые обещания удалены.

Используйте комментарии на объекте холста для решений людей. Используйте вход ИИ страницы для точечного исправления или критики. Даже готовый на вид предварительный просмотр требует ответственного человека, который одобрит утверждения.

Покажите предварительный просмотр нужной аудитории

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

Откройте предварительный просмотр созданной страницы.
Нажмите Поделиться предпросмотром.
Включите параметр Публичная ссылка, если просмотр должен быть доступен всем, у кого есть ссылка.
Нажмите Скопировать ссылку и отправляйте ссылку только после проверки страницы.

Когда параметр Публичная ссылка выключен, просмотр доступен только пользователям с доступом к холсту. Когда он включён, любой пользователь со ссылкой может открыть последнюю опубликованную версию. Отключение публичного доступа запрещает будущие открытия, но не удаляет уже полученные копии, снимки экрана или сведения.

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

Дождитесь завершения сборки перед повторной попыткой

Создание веб-страницы занимает больше времени, чем короткого Документа: система подготавливает источники, планирует пользовательский опыт, создаёт или выбирает визуальные материалы, собирает страницу и сохраняет просмотр. Состояние активной задачи показывает обрабатываемый объект.

После принятия запроса можно уйти с холста. Вернитесь к тому же объекту вместо повторной отправки. Удаление обрабатываемого объекта отменяет задачу на холсте, но не гарантирует отмену платы за уже выполненную работу. Удаление готовой страницы никогда не возвращает кредиты.

У стиля нет фиксированной стоимости создания веб-страницы. Расход кредитов зависит от исходных материалов и выполненной работы. После запуска проверьте историю ИИ-кредитов, а близкую к цели страницу исправьте, не пересоздавая её из-за одного небольшого изменения текста.

Если предварительный просмотр работает не так, как ожидалось

Карточка всё ещё обрабатывается. Оставьте исходный объект на месте и вернитесь позже. Один раз обновите холст, прежде чем считать задачу зависшей.

Действие «Предпросмотр» отсутствует. Генерация всё ещё ожидает, завершилась ошибкой, была удалена или не дала доступного для просмотра результата. Не создавайте дубликат, пока не проверите исходный объект и состояние кредитов.

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

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

Формат страницы неверен. Выберите точный Стиль и перечислите обязательные элементы в запросе. Например, для страницы товара укажите галерею, варианты, цену, доставку, доказательства и действие покупки.

Публичная ссылка не открывается у пользователя вне холста. Владелец страницы должен включить параметр Публичная ссылка. Копирование URL не меняет политику доступа.

Страница содержит неподтверждённые утверждения. Исправьте источник и запрос, затем один раз отредактируйте или создайте результат заново. Убедительный просмотр не является доказательством. См. Если результат AI Studio оказался не таким, как ожидалось.

После обновления страница всё ещё не готова. Обратитесь в поддержку, указав название рабочей области, ссылку на холст, тип результата, примерное время отправки, краткое содержание запроса, типы вложений и были ли кредиты заблокированы или списаны. Не отправляйте пароли, частные учётные данные или ненужные данные клиентов.

Обратная связь

Эта статья была полезной?

PreviousСоздание аудиозаписей с помощью AI Studio NextЗадавайте вопросы по объекту холста