Содержание
Bubble AI: как составить эффективные подсказки для веб-дизайна
Черновик готовит редакция с помощью ИИ. За стандарт издания отвечает главный редактор — Валерий Курземнек.
Если вы фронтенд-разработчик, который имел опыт использования ChatGPT или MidJourney, то знакомы с концепцией подсказки: подсказка — это текстовая строка, которая инструктирует ИИ о том, что генерировать, предоставляя важные ключевые слова и направление.
Запрос в Bubble AI работает аналогично другим механизмам ИИ, но есть несколько способов получить максимальную отдачу от промта при описании того, что хочет создать фронтендер.
Подсказки и их переменные в Bubble AI
Подсказка должна состоять из 1–2 предложений и может включать в себя то, что зовется переменными. Переменные подсказки AI — это ключевые слова-заполнители, которые можно заменить своим собственным описанием. Они помогают Bubble AI понять ваши инструкции и цели.
Составив подсказку на основе этих переменных, механизм искусственного интеллекта Bubble сможет легче интерпретировать запрос и реализовать ваши намерения.
Типы переменных и примеры к ним:
- тип страницы: целевая страница, панель управления, страница регистрации
- тип приложения: приложение для фитнеса, приложение для бронирования ресторанов
- целевая аудитория: студенты колледжей, музыканты, ветеринары
- цель вашего пользователя: отслеживайте показатели, совершайте оплату, заказывайте услугу
- основной цвет: синий, зеленый, белый
Изображения и темы, которые можно применить к подсказкам
Если вы хотите добавить немного эстетики, вот несколько конкретных стилей, которые можно попросить ИИ Bubble использовать для изображений:
- фотография
- штриховой рисунок
- комикс
- кинематографичность
- аниме
Это всего лишь несколько примеров. Вы можете поэкспериментировать с другими темами, чтобы выяснить, что лучше подходит внешнему виду вашего приложения.
Примеры эффективных подсказок Bubble AI
Пример 1
Целевая страница веб-сайта для выгула собак. Она должна быть ориентированной на студентов колледжей, которые хотят зарабатывать деньги, выгуливая собак. Страница должна быть зеленого цвета, вызывать эмоции дружелюбия, расслабления и удобства, использовать фотографические изображения и интересный шрифт.
Пример 2
Панель управления приложения для фитнеса, ориентированного на занятых людей, которые хотят следить за своим здоровьем. Страница должна быть синего цвета, вызывать эмоции мотивации и ясности, использовать изображения цифрового искусства и современный шрифт.
Пример 3
Лента в социальных сетях для блога о путешествиях, ориентированная на любителей приключений, которые хотят поделиться своими впечатлениями и открыть для себя новые направления. Страница должна быть оранжевой, вызывать эмоции волнения и исследования, использовать кинематографические изображения и жирный шрифт.
