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

Как это повлияет на веб-дизайнеров и пора ли им подыскивать новую профессию? Или нужно подойти с другой стороны, запрячь искусственный интеллект и использовать в своих целях? Разбираемся! 

Путь развития веб-дизайнера :)
Путь развития веб-дизайнера :)

Всем привет, я — Саша Комбаров, руковожу в веб-студии. Сегодня расскажу, как мы используем искусственный интеллект в работе дизайнеров и стоит ли дизайнерам напрягаться по этому поводу :) 

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

Как пользоваться нейросетью Midjourney 

Уже написано достаточно мануалов: и как зарегистрироваться, и как правильно задавать настройки, и как формировать запрос к нейросети. Материал не об этом, поэтому базово расскажу, как начать работать с Midjourney, а все остальные примочки вы можете найти в интернете.

Как получить доступ к нейросети:

  • Установите Discord, затем запустите приложение или откройте веб‑версию сервиса в браузере. Я пользуюсь приложением, по ощущениям работает быстрее веб-версии.

  • Зарегистрируйтесь или войдите по логину и паролю, если ранее использовали Дискорд. Для регистрации нужен номер телефона и электронная почта. Сервис работает в России, поэтому приберегите танцы с бубнами, а точнее зарубежную карту для оплаты :)

  • Как только зашли в Дискорд, вы сможете перейти в Midjourney по специальной ссылке‑приглашению.

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

Стоимость и наполнение тарифов
Стоимость и наполнение тарифов

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

Как настроить Midjourney, чтобы применять в работе

В Discord есть канал Newcomer Rooms с чатами newbies. Там и создается картинка. Выберите любое количество чатов, нажмите и введите /settings. Затем Enter. 

Выберите следующие настройки:

  • Первая строка. Версия движка. Выберите версию MJ; MJ Test имеет два экспериментальных изображения вместо четырех; MJ Test Photo — с уклоном в фотореализм.

  • Вторая строка. Качество изображения. Выберите базовое качество для уменьшения задержки.

  • Третья строка. Уровень конфигурации. Установите значение Средний, Style med, чтобы предотвратить «‎чрезмерную фантазию»‎ нейронной сети. Высокие или слишком высокие результаты могут быть далеки от требований.

  • Четвертая строка. Алгоритм повышения качества изображения.Выберите Regular upscale — стандартное повышение качества; Light upscale — повышает разрешение изображения, но с меньшей детализацией; Beta — может достичь вдвое большего размера, чем Regular, но работает нестабильно.

  • Пятая строка. Режим доступа. Установите Public mode, так как частный режим платный.

  • Пятая строка. Режим редактирования. Опять же, только один доступен бесплатно, Fast mode — мгновенный, со счетчиком производства. Режим Relax без счетчика доступен платно. И сразу включайте режим Ремикс мод, чтобы потом могли объединять картинки.

Рабочая область Midjorney
Рабочая область Midjorney

Затем наберите /imagine, нажмите Enter, введите любое слово в значении promt и подтвердите отправку. Появится окно с правилами, жмакаем «‎Принять»‎. 

Вы великолепны! Теперь вы готовы приступить к работе. 

Как пользоваться бесплатными нейросетями: Шедеврум, Fusion Brain и другими

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

Например, Fusion Brain генерирует изображения по описанию, дорисовывает изображения, а также с помощью ластика можно менять часть изображений. Есть много интересных стилей, мне понравился стиль «советский мульфильм». Без смс и регистрации.

Редактор Fusion Brain
Редактор Fusion Brain

Как используем в работе веб-студии 

Поиск референсов, составление мудборда, брейншторм, разработка концепции — все это хорошо знакомо тем, кто занимается разработкой сайтов, приложений, сервисов и подобного. Особенно дизайнерам. Бесконечный скролл дрибла, биханса и прочих авардсов в поисках классных референсов. 

А что если ты составляешь запрос исходя из своего видения, а нейросеть тебе выдает варианты? Неплохо, подумали мы :) 

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

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

1. Формирование блоков по запросу 

Вы отправляете нейросети запрос, а она составляет под этот запрос варианты блоков. Например, попробуйте отправить "promo block for the site of a company selling trout" и пришлите в комментарии, что у вас получилось. 

Пользователь отправил запрос на создание баннера на лендинг адвокатского бюро
Пользователь отправил запрос на создание баннера на лендинг адвокатского бюро

Иногда выходит лютая дичь, но в целом показывает неплохие варианты :) 

Или вот что вышло на запрос сайта с Египетской тематикой
Или вот что вышло на запрос сайта с Египетской тематикой

Лайфхак: добавьте ключевые слова «figma landing page design», и результат будет прикольнее!

Почти макет :)
Почти макет :)

Если вам не зашли предложенные варианты, то вы можете отправить этот же запрос еще раз и получите уже совершенно другие картинки :) 

2. Формирование вариантов по примеру 

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

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

Еще примеры получившихся вариантов у подобных запросов:

3. Формирование альтернативных концептов

Вы создали концепт либо какой-то блок, он вам нравится, но было бы интересно посмотреть на него немного в другом оформлении? Пожалуйста! Загружайте концепт ссылкой, формируйте запрос и вам Midjourney выдаст альтернативные варианты. 

Изначальный вариант 
Изначальный вариант 
Альтернатив
Альтернатив

Запрос. Добавляешь csv awards и считай награда у тебя в кармане :) 

Мне первоначальный вариант больше зашел. Но получить в считанные секунды альтернативные варианты — казалось бы фантастикой несколько лет назад. 

4. Создание изображений для контент-маркетинга 

Мы подготавливаем изображения для маркетинга, но часто ограничены стандартным набором иконок и элементов. И для иллюстрации информации этого не хватает. 

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

Например, в Шедевруме ввели промт: «мультяшный пещерный человек улыбается, во весь рост, с палитрой и кистью в руке, 3д модель, октан, реалистично, 4k, высокое разрешение, высокая детализация, яркое освещение, однородный фон». Получили клевого пещерного человека для нашей статьи про Lottie-анимации, а затем добавили этого неандертальца в карточку для Телеграм-канала. 

Первобытный дизайнер из Шедеврум
Первобытный дизайнер из Шедеврум
А это мы в карточку добавили неандертальца
А это мы в карточку добавили неандертальца

Итоги 

Если вы еще не поняли, то отвечаю — веб-дизайнеры не вымрут. Даже если нейросеть прокачается до неведомого уровня, то кто будет перекрашивать кнопочки? :) 

Как мы видим — нейросеть скорее помощник дизайнеру, чем его замена. Даже простые промосайты получаются с натяжкой. Про сервисы, CRM, ERP и прочее пока речи не идет. Хотя я бы посмотрел, как справляется нейросеть с проектом уровня Tarkett.

Рекомендую всем, кто находится в поиске идеи, использовать нейросеть: дизайнерам, менеджерам, заказчикам. Не только для рабочих, но и для творческих задач. 

Вы используете нейросети в процессах? Возможно, где-то уже полноценно внедрили в клиентские проекты? Делитесь в комментариях!

Удачи и спасибо за внимание :)

Комментарии (14)


  1. boriskass
    17.09.2023 14:31

    Нейросеть aiassistent я лично использую для написания текстов, нормально работает, свой сайт http://spezz-remonta.ru вроде наполняется.


    1. sashadzen Автор
      17.09.2023 14:31

      Материал про генерацию изображений :) Про текстовые нейросети как-нибудь позже напишу, рассмотрю и ваш вариант, спасибо)


      1. init0
        17.09.2023 14:31
        +1

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


        1. sashadzen Автор
          17.09.2023 14:31

          Ну чет глянул по комментариям в профиле – да...


  1. nebularia
    17.09.2023 14:31
    +1

    Часть про Midjourney очень старая, не соответствующая возможностям текущей версии. При этом Шедеврум свежий. Видомо часть про Midjourney не очень старательно утянута с инета.


    1. sashadzen Автор
      17.09.2023 14:31

      Да, про MJ надо было обновить( Это моя часть с прошлых публикаций о том, как там работать. Тут упор был именно на применение ИИ в веб-студии.

      Обновлю в ближайшее время, спасибо


  1. Marcus_Wild
    17.09.2023 14:31
    +1

    Из графических ai-шек в последнее время сильно стал залипать в Leonardo AI. Очень неплохой там набор сделали, сильно выросли. Но из-за обилия того самого инструментария довольно много сложных нетиповых интерфейсов, порог вхождения стал выше. По первости теряешься немного.


    1. sashadzen Автор
      17.09.2023 14:31

      Спасибо, изучим) Я как-то в Fusion Brain больше зависаю, но там совсем простой редактор


  1. v_eropov
    17.09.2023 14:31
    +1

    Порог входа для дизайнеров стал ещё ниже и отличить хороший дизайн от плохого работадатель (недизайнер) вряд ли сможет. Ожидаем уже не 700 откликов на джун вакансию, а 1.5к.

    А вот вопрос мидлу. Покажите, как вы использовали 3д пещерного человека в лотти анимации? Лотти это всегда вектор, как вы сохранили шейдеры? Так ещё и svg рендер такого сложного элемента убьёт ваш браузер на мобилке. И не совсем понятно, почему отказались от mp4, если только анимация не таргетная (не анимируется при нажатии, ховере и тд)


    1. sashadzen Автор
      17.09.2023 14:31

      Пещерного человека в Лотти анимации не использовали, его использовали для демонстрации дизайнеров, которые раньше делали анимации в ФШ)


  1. Zorrina
    17.09.2023 14:31
    +1

    Пока так: время тратишь-тратишь в нейросети, потом плюёшь и идёшь рисовать сам)) Ну, ок, можно использовать рефы для позы, ракурса (как и раньше иллюстраторы использовали). Но, думаю, это временный период. Так что утверждать, что "дизайнеры не вымрут" преждевременно :)


    1. sashadzen Автор
      17.09.2023 14:31

      Пока так, а там посмотрим))


  1. AndrewYaremko
    17.09.2023 14:31
    +1

    А что у вас

    с типографикой?

    Почему в строке

    по два слова?

    Это ведь

    читать трудно.


    1. sashadzen Автор
      17.09.2023 14:31

      Это формат нескольких карточек + иллюстрации к ним. https://t.me/thedigitalclubchannel/1548

      Но, согласен, читается тяжело. Пофиксим, спасибо)