8 советов по созданию идеальных страниц с помощью Divi Layouts AI

Опубликовано: 2024-05-02

Вы все еще вручную создаете и настраиваете разделы, модули и отдельные настройки сайта один за другим? Divi Layouts AI — это новая функция, которая использует возможности генеративного искусственного интеллекта для создания целых веб-страниц с помощью простой подсказки. Divi AI делает все это: от создания контента до макета страницы. Если вы еще не использовали свои бесплатные кредиты, вам нужно попробовать. Ниже приведены восемь советов и рекомендаций для опытных пользователей, которые помогут максимально эффективно использовать возможности Divi AI. Благодаря этим советам по искусственному интеллекту Divi Layouts вы будете на пути к более быстрому веб-дизайну.

Оглавление
  • 1 Обзор Divi Layouts AI
  • 2 совета по использованию Divi Layouts AI для создания веб-страниц
    • 2.1 1. Разверните подсказки страницы и подсказки сведений о сайте
    • 2.2 2. Создание качественных изображений с описаниями стилей
    • 2.3 3. Создайте осознанность с помощью SEO, используя ключевые слова
    • 2.4 4. Укажите точные разделы страницы, которые вам нужны
    • 2.5 5. Легко перестройте свою страницу при необходимости
    • 2.6 6. Адаптируйте дизайн своей страницы, используя предпочтительные шрифты и цвета
    • 2.7 7. Помните, что все можно настроить
    • 2.8 8. Удалите неиспользуемые изображения AI из медиатеки.
  • 3 макета AI позволяют еще больше сэкономить время
  • 4. Получите Divi AI сегодня

Обзор Divi Layouts AI

Диви-макеты AI

Divi Layouts AI, теперь встроенный в Divi AI, доступен всем, кто использует тему Divi. Для этого требуется годовое или пожизненное членство в теме Divi) и активная подписка Divi AI. Если у вас есть эти две вещи, вы готовы ускорить процессы веб-дизайна с помощью Divi Layouts AI.

Divi Layouts AI отлично подходит для создания веб-страниц. Он может генерировать статические страницы или шаблоны Theme Builder. Это означает домашние страницы, страницы «О нас», страницы контактов, страницы архива блогов, страницы отдельных сообщений, страницы продуктов, страницы 404, верхние и нижние колонтитулы и многое другое. Он даже способен создавать страницы корзины и оформления заказа WooCommerce. Если вам нужно создать страницу, Divi AI может быстро приступить к вашему проекту. Просто перейдите к Visual Builder, где он вам нужен, чтобы приступить к работе, и наблюдайте, как он делает свое дело.

У нас есть полное руководство по Divi Layouts AI, если вам нужна помощь в получении доступа к нему и использовании его функций. Обязательно внимательно следуйте этому руководству, чтобы приступить к работе.

Теперь готовы ли вы получить несколько советов, которые помогут вам максимально эффективно использовать возможности искусственного интеллекта Divi Layouts?

Советы по использованию Divi Layouts AI для создания веб-страниц

ИИ прост в использовании, но это не означает, что в эту технологию можно внести какие-то оптимизации. С помощью этих советов мы покажем вам лучший способ получить качественные результаты от Divi AI.

1. Максимизируйте подсказки на странице и подробные подсказки сайта.

Divi Layouts AI принимает несколько входных данных, прежде чем создать новую страницу или шаблон конструктора тем. Существует два основных поля ввода и текстовые поля для добавления вашего запроса:

  1. Опишите страницу, которую вы хотите создать Divi AI . Основное приглашение должно содержать то, что вы ожидаете увидеть на странице. Включите разделы, типы информации и другие визуальные направления.
  2. Расскажите Divi AI о своем веб-сайте (необязательно) . Это дополнительное приглашение предоставляет дополнительную информацию о вашем веб-сайте. Укажите подробную информацию о своем бизнесе, о том, как работает ваш веб-сайт и какую информацию они могут на нем найти. Это помогает обеспечить контекстуальную релевантность содержимого страницы, гарантируя при этом, что важные детали не будут упущены из виду.

Первый — это подсказка для конкретной страницы, которая помогает ИИ определить, что ему следует включить на страницу. Вы должны включать то, что вы ожидаете увидеть на странице, раздел за разделом. Приглашение должно содержать подробную информацию о потоке страниц, включая цели страницы и типы контента, которые вы хотите отобразить. Вы даже можете передать ему часть контента (заголовки и основной текст), который вы хотите использовать. Все это поможет вам создавать уникальные макеты с помощью Divi AI.

Макеты DI AI — поля ввода подсказок на странице и в разделе «О программе»

Второе поле ввода полностью посвящено контексту. Он должен содержать подробную информацию о вашем веб-сайте и о том, о чем ваш сайт. Чем лучше информация, которую вы введете в это поле, тем лучшие результаты вы получите от Divi AI. Включение тривиальных деталей приведет к созданию тривиальных разделов. изображения и текст. Бизнес-сайт может содержать важную информацию, такую ​​как название компании, контактные данные, услуги/продукты и общую структуру сайта. Если пойти еще дальше, он может включать в себя уникальные отличительные черты, понимание бренда и стиль письма.

2. Создавайте качественные изображения с описаниями стилей

Divi Layouts AI создаст изображения, которые в целом соответствуют странице, которую вы просите создать. Он делает это, когда создает раздел, в который ИИ ожидает включить изображение (герой, галерея, отзыв и т. д.). Поскольку вы знаете, что он будет создавать изображения для вас, вы также можете поручить ему создавать изображения, соответствующие вашему желаемому стилю. В приглашении на странице укажите конкретные сведения об изображениях, которые вы хотите видеть созданными.

Ниже приведен пример приглашения на странице, включающего характеристики изображений. Давайте посмотрим, как поступил Divi AI.

Пример исполнителей с воздушными шарами — стили изображения Desc

Divi AI берет все подсказки и создает из них целую страницу. В этом примере он отлично справился с созданием нужных нам изображений: ярких, красочных, ориентированных на детей изображений воздушных шаров для детских мероприятий. Divi AI отлично справился с этими изображениями.

Пример Balloon Bonanza — раздел «Герой» с Desc'ed Img

Внизу страницы также есть раздел галереи с изображениями, которые точно соответствуют нашему описанию. Кроме того, нам нравится игра слов с воздушными шарами в заголовке «Восхитительные детали в каждом повороте». Это заставляет нас хотеть, чтобы эта компания была реальной!

Пример Balloon Bonanza — раздел галереи с Desc'ed Imgs

Если вам не нравится конкретное изображение, вы можете использовать генератор или редактор изображений Divi AI, чтобы сосредоточиться на одном изображении и создать то, что вам нужно. В этом прелесть Divi Layouts AI — вы можете создать собственную веб-страницу за считанные секунды и уделить больше времени деталям.

Ознакомьтесь с нашим руководством по подсказкам изображений Divi AI, которое поможет вам лучше попросить AI создавать изображения, которые вам понравятся.

3. Создайте осознанность с помощью SEO, используя ключевые слова

Мы всегда рекомендуем провести хотя бы базовое исследование ключевых слов, прежде чем создавать веб-сайт или даже одну страницу. Если у вас есть возможность, вы можете применить полученные знания при создании страниц Divi AI с помощью Divi Layouts AI.

Укажите основные и второстепенные ключевые слова, по которым вы хотите, чтобы эта страница ранжировалась. Не используйте ключевые слова, которые используются на других страницах вашего сайта. Это поможет Divi AI создавать контент и изображения, которые лучше соответствуют спецификациям ваших ключевых слов.

Включение ключевых слов SEO в подсказку AI Layouts Divi — пример подсказки

Разумеется, Divi AI не только создал запрошенную нами страницу, но и текст содержал достаточное количество запрошенных нами ключевых слов. Самое лучшее в использовании ключевых слов здесь — то, что они контекстуально релевантны каждому разделу контента.

Пример Divi AI с использованием запрошенных ключевых слов при создании страницы

Обратите внимание, что вам все равно потребуется настроить параметры SEO-страницы, используя предпочитаемый вами плагин SEO (например, Rank Math или Yoast). Кроме того, посмотрите на изображения, созданные искусственным интеллектом, которые вы сохранили на своей странице — обязательно переименуйте имена файлов для каждого и дайте им альтернативные описания.

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

Что касается контента на странице, он изначально оптимизирован.

4. Укажите точные разделы страницы, которые вам нужны.

Divi Layouts AI обладает множеством возможностей. При правильных инструкциях он может создавать страницы с галереями, контактными формами, отзывами, разделами-героями и многим (многим) другим. Когда вы знаете, как хотите настроить свою страницу, смело указывайте Divi AI в правильном направлении. Это сделано для того, чтобы облегчить вашу работу, а не наоборот. Предоставляя ему именно те разделы, которые вы хотите включить на страницу, вы настраиваете Divi AI и себя на успех. Вот пример того, как мы просим Divi AI создать одностраничный веб-сайт Boba Tea с определенными разделами.

Подсказки Boba Blast — искусственный интеллект Divi Layouts запрашивает определенные разделы

Первым шагом Divi AI является анализ вашего приглашения для создания структуры страницы по разделам. Основываясь на предоставленной подсказке, взгляните на структуру страницы, созданную Divi AI.

Пример Boba Blast — разделы, созданные Divi AI Match Описание

Он даже помечал наши разделы (как видно в каркасном представлении).

5. Легко перестройте свою страницу при необходимости

Divi AI впечатляет, но, как и человек-дизайнер, он может быть перегружен или ему нужно давать другие инструкции. Заставить Divi AI попробовать еще раз макет страницы очень просто. Нажмите значок « + » внизу, чтобы открыть модальное окно « Вставить макет ». После этого у вас будет возможность повторить попытку с помощью « Build With AI ».

Попросите Divi AI повторить создание страницы — шаги 1–2.

При повторении попробуйте переориентировать подсказки на самые важные вещи, которые вам нужно создать. Излагая детали в подсказке, будьте ясны и кратки. Попросите его сделать что-то один раз (вместо того, чтобы повторять один и тот же запрос несколько раз в рамках одного запроса). Даже при использовании ИИ существует кривая обучения. Когда Divi AI создает страницу, которая вам не нравится, это не повод для беспокойства, а только возможность внести ясность.

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

6. Настройте дизайн своей страницы, используя предпочтительные шрифты и цвета.

Предоставление Divi AI ваших шрифтов и цветов заранее — отличный способ убедиться, что он создаст то, что вам нравится. Если у вас есть идеальная пара шрифтов (для заголовков и основных шрифтов), вы можете настроить их для Divi AI.

Divi Layouts AI Типографика и варианты шрифтов — выберите шрифты заголовка и тела

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

Выбор цвета шрифта и акцентов — Divi Layouts AI

Divi AI может выбрать шрифты или цвета для тех, кто еще не определился, что хочет использовать.

Параметры выбора шрифта и цвета — Divi Layouts AI

Когда Divi AI создает выигрышную комбинацию шрифтов и цветов веб-сайта, вы можете сохранить их для дальнейшего использования на других страницах. Все, что вам нужно сделать, это нажать « Да, пожалуйста!». », чтобы Divi AI зарегистрировал их в качестве предустановок AI. В следующий раз, когда вы приступите к созданию макета, выберите «Divi AI по умолчанию», чтобы он снова использовал этот параметр.

Divi Layouts AI — сохраненные стили, созданные AI

Divi Layouts AI спасает веб-дизайнеров, независимо от того, насколько тщательно они готовятся к созданию нового веб-сайта. Независимо от того, есть ли у вас план игры или нет, ИИ ускорит процесс за вас.

7. Помните, что все можно настроить.

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

Редактируйте любой модуль Divi или используйте другие функции Divi AI в макетах, созданных AI.

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

8. Удалите неиспользуемые изображения AI из медиатеки.

Когда Divi AI создает страницу, он начинает с определения того, какие разделы ему следует создать. Если в этих разделах обычно есть изображение, Divi AI создаст изображения. Это означает, что при каждом запросе к Divi AI вы можете создать от 1 до 20 изображений. Если вы сделаете это для нескольких страниц вашего веб-сайта, на вашем сайте обязательно будет много изображений, которые вам не нужны.

Вот пример подсказки на странице портфолио, где можно ожидать настоящую фотографию. Несмотря на это, Divi AI создаст заполнители на странице.

Divi Layouts AI — пример подсказки для страницы портфолио скульптур

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

Пример создания изображений Divi AI для страницы

В этом случае мы не будем использовать изображения, потому что нам нужны фотографии реальных произведений искусства, которые мы продаем. При создании этой страницы Divi AI сгенерировал семь изображений, занимая место на нашем сервере. Удалите их, чтобы снизить расходы, особенно для владельцев веб-сайтов, которые платят за облачные или кредитные услуги сжатия изображений. Для этого откройте свою медиатеку , найдите изображения и нажмите « Удалить навсегда ».

Удалите неиспользуемые AI-изображения из медиатеки, чтобы сэкономить место.

Замечательно, что Divi AI может создавать изображения, даже когда они нам не нужны. Они действуют как визуальные заполнители и могут даже стимулировать появление новых идей. Тот факт, что вы не хотите использовать конкретное изображение, не означает, что оно бесполезно. Часто он показывает нам, о чем «думал» Divi AI, когда создавал страницу.

Макеты с использованием искусственного интеллекта позволяют еще больше сэкономить время

Divi AI уже ускорил процесс проектирования для агентств, фрилансеров и владельцев бизнеса с помощью генеративного текста, изображений и кода. Теперь, с AI Layouts, Divi AI делает еще один шаг вперед:

  • Мгновенное вдохновение : Боретесь за отправную точку? Используйте красиво оформленные полностраничные макеты, которые мгновенно генерирует Divi AI. Эти макеты адаптируются к цветам и шрифтам вашего бренда, обеспечивая прочную основу для дизайна вашего веб-сайта (или позвольте Divi AI выбрать их за вас).
  • Экономьте часы и повышайте креативность : не тратьте время на наброски и повторение базовых макетов. AI Layouts позволяет вам сосредоточиться на более творческих аспектах дизайна, таких как персонализация, стратегия контента, взаимодействие с пользователем и настройка плагинов.
  • Изучите разнообразные варианты : стандартные шаблоны проектирования вас не вдохновляют? Откройте для себя более широкий спектр творческих возможностей с помощью макетов, созданных с помощью искусственного интеллекта, которые меняют стереотипы. Откройте для себя уникальные и неожиданные макеты, которые выделят ваш сайт среди других.

Divi AI с AI Layouts — это идеальный инструмент для экономии времени для занятых дизайнеров. Это позволяет вам:

  • Сосредоточьтесь на эффективном дизайне: тратьте меньше времени на повторяющиеся задачи и больше времени на элементы, которые действительно важны.
  • Соблюдайте сжатые сроки: преодолевайте творческие препятствия и быстрее приступайте к реализации проектов с помощью создания макетов на базе искусственного интеллекта.
  • Увеличьте количество клиентов. Эффективно реализуйте исключительные проекты веб-дизайна, что позволит вам привлечь больше клиентов и развивать свой бизнес.

Получите Divi AI сегодня

Вы являетесь пользователем Divi Theme и хотите попробовать Divi AI? Вам повезло! Divi AI предлагает всем пользователям темы 100 бесплатных поколений ИИ. Как только вы убедитесь в его мощности и полезности, подпишитесь на подписку Divi AI, чтобы получить неограниченную генерацию ИИ для вас и членов вашей команды (ее можно использовать на всех ваших веб-сайтах Divi).

Еще не пользуетесь темой Divi? Вам необходимо получить тему Divi, став участником, прежде чем вы сможете использовать Divi AI. Тема Divi — это тема WordPress №1 с самой надежной системой дизайна. Это упрощает создание высокопроизводительных и красивых веб-сайтов. Став участником Divi (годовое или пожизненное), вы сможете оформить подписку Divi AI, которая предоставит вам все возможности, описанные выше.