Как делать веб-дизайн, баннеры и другой визуал для бизнеса без дизайнера - MOGU - Таск-трекер
Все новости

Как делать веб-дизайн, баннеры и другой визуал для бизнеса без дизайнера

Как делать веб-дизайн, баннеры и другой визуал для бизнеса без дизайнера

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

София Шаламкова 

Менеджер продуктов в группе по искусственному интеллекту в компании «Сбермаркетинг»

Какие задачи в маркетинге поможет решить нейросеть

Любой проект начинается с гипотезы, которую часто нужно показать наглядно. Например, в компании задумались о собственном мерче. Есть брендбук, в котором отражены корпоративные цвета, и команда придумала общую концепцию. Обычно следующий шаг — передать все наработки дизайнеру и ждать, когда он нарисует несколько вариантов. С появлением нейросетей ситуация изменилась. Теперь можно за 10 минут создать визуальное воплощение идеи мерча компании в виде футболки, кружки или шопера и оценить потенциал идеи.  

Визуальные нейросети используют для следующих задач: 

  • креативы и концепции — когда есть задумка, но еще непонятно, как это будет выглядеть на бумаге или другом носителе;
  • брендинг и айдентика — ИИ покажет общую концепцию брендинга, из которой можно выбрать один вариант и дальше дорабатывать его уже с дизайнером;
  • веб-дизайн — когда нужна идея для промосайта или лендинга под новый проект компании или мероприятие;
  • презентации — в нейросети можно сгенерировать структуру по слайдам для исследования или отчета, а также отдельные элементы и иллюстрации;
  • SMM — для соцсетей в ИИ создают картинки к постам, фоны для сторис и общую концепцию блога или канала по визуалу;
  • баннеры — креативы для рекламной кампании в интернете или для полиграфии;
  • постеры — изображения фирменной продукции компании для соцсетей или для печати;
  • лифлеты — макет для рекламного проспекта с информацией о компании на мероприятие или конференцию;
  • мерч — наглядная демонстрация цветовых решений и изображений компании на футболках, кружках, ручках и книгах.

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

Универсальная формула создания промпта

Есть универсальная формула, которая поможет написать эффективный промпт для любой визуальной нейросети: 

Объект + Локация + Параметры освещения + Цвета + Технические параметры 

Объект — что именно должна создать нейросеть. Например, мерч, веб-страницу или баннер.

Локация — где находится объект. Рекламный баннер могут установить в черте города или на серпантине в горах.

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

Цвета — какие оттенки использовать при создании изображения. Нейросеть можно попросить применить определенную палитру, чтобы картинка больше соответствовала брендбуку. Лучше всего указывать в промпте точные названия, например зеленый, красный, черный, так как цветовые коды нейросеть распознавать не умеет.  

Технические параметры — можно написать модель камеры и объектива или расстояние до объекта. Нейросеть сгенерирует фото, как будто оно снято на указанное оборудование. За идеями и информацией можно обратиться к площадкам, на которых фотографы выкладывают свои работы с описанием аппаратуры, например Behance.       

Вот так может выглядеть промпт по формуле: «Нарисуй девушку в платье в салоне самолета, она смотрит в иллюминатор, свет падает ей на лицо, платье синее, крупный план».

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

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

Что нужно учесть при написании промпта для визуальной нейросети

Чтобы ИИ выдал нужную картинку, не имеет значения, с какой буквы писать промпт: прописной или строчной. Но важно учитывать следующие особенности ↓ 

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

❌ полный кадр. взгляд в камеру. прекрасная девушка. нежное пышное платье. нежныецвета. голубой и розовой. за спиной крылья феи✅ полный кадр, взгляд в камеру, прекрасная девушка,нежное пышное платье, нежныецвета, голубой и розовой, за спиной крылья феи

Не использовать лишние слова. Иногда пользователь общается с ИИ как с живым человеком и, кроме сути, добавляет еще дополнительные слова, например «пожалуйста» и «привет», но нейросети они мешают. Она не может понять, что в этом тексте главное и какие объекты ей нужно нарисовать. Из-за этого получается не тот результат, который ожидаешь.

❌ привет, нарисуй, пожалуйста, девушку в красивом платье, учитывай, что платье должно быть пышное, у феи должны быть крылья. ✅ полный кадр, взгляд в камеру, прекрасная девушка, нежное пышное платье, нежные цвета, голубой и розовый, за спиной феи крылья

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

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

Примеры удачных промптов при решении маркетинговых задач

Создадим несколько примеров с помощью нейросети Kandinsky в сервисе AI Art. Для каждой задачи покажем промпт, который потом можно применить в своей работе.

Промпт: «Нарисуй прототип сайта, который продает услуги туризма»

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

Промпт: «Предложи набор картинок для визуала в соцсетях»

Нейросеть не умеет создавать визуал для определенной соцcети. Она может показать общие цветовые решения или сделать картинку для поста

Промпт: «Предложи вариант билборда, который рекламирует спортивную машину, в горах, без текста»

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

Промпт: «Предложи вариант мерча в единой стилистике для футболки, сумки, чашки и ручки, используй пастельные тона»

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

Любую картинку можно улучшить — переписать промпт и заново сгенерировать изображение или воспользоваться редактором, например Ai Cleaner, который интегрирован в Ai Art и уже готов к работе. 

Авторское право и результаты генерации ИИ

Когда бизнес хочет использовать результаты генерации в коммерческих целях, появляется вопрос об авторском праве. У каждой нейросети свои условия, но, как правило, для коммерческого использования нужно заключать соглашение с компанией — разработчиком нейросети. При этом есть продукты, где это уже предусмотрено, например Ai Art. В ней любая генерация принадлежит тому, кто создал картинку, и ее можно использовать для продажи мерча или в рекламных креативах. Релиз сервиса запланирован на второй квартал 2024 года. 

Не только при общении с нейросетью нужно правильно выбирать формулировки. В статье «Как маркетологу поставить задачу дизайнеру» мы давали рекомендации тем, кто привык работать в команде с человеком, а не ИИ. Главные секреты эффективного общения между маркетологом и дизайнером — использовать термины, понятные обоим, и вовремя ставить задачи в одном рабочем пространстве, например в таск-трекере MOGU.

Ставьте задачи в Mogu

Работайте вместе эффективнее! Создавайте доски, приглашайте коллег и прокачивайте коммуникацию!

Попробовать бесплатно --->