Найти тему
Анастасия Швецова

Пора ли увольнять веб-дизайнеров: создаем дизайн сайта с помощью нейросети

Нейросети взрывают информационное пространство и многие специалисты опасаются, что лишатся работы. В статье протестировала нейросеть Uizard для создания дизайна сайта и сделала свои выводы.

Для статьи я изучила рынок нейросетей и что они предлагают в создании сайтов. Для теста выбрала Uizard – она ориентирована на создание интерфейсов и имеет бесплатный пробный период.

Uizard

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

Функциональные возможности:

  • превращение скриношотов в редактируемый дизайн
  • библиотека компонентов
  • шаблоны дизайна для сайтов, веб и мобильных приложений
  • сканирование эскизов и превращение их в дизайн
  • текстовый помощник для создания заголовков, подзаголовков и CTA
  • генерация тепловой карты внимания
Вот такой интерфейс после регистрации
Вот такой интерфейс после регистрации

Тексты нейросеть не генерирует, поэтому план был такой: набросать первый экран на бумаге и посмотреть как нейросеть превратит его в дизайн.

Сделала такой набросок.. и получила что-то непонятное.

Слева бумажный набросок, справа экран, который преобразовала нейросеть
Слева бумажный набросок, справа экран, который преобразовала нейросеть

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

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

Magic функции

У нейросети есть magic функции – то, что отличает от графических редакторов.

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

В итоге эксперимент окончился тем, что я просто набросала интерфейс в конструкторе. Ни одна magic функция мне в этом не помогла. На то, чтобы разобраться во всем ушло 4-5 часов. Повыбирала шрифты, цвета, нашла картинку – получился простенький экран. Автоматическое создание адаптивов я тоже не увидела.

Скриншот экрана с дизайном
Скриншот экрана с дизайном

Еще одна интересная функция – генерирование карты внимания. Как я поняла, нейросеть прогнозирует какие элементы на сайте буду востребованы. Интересно было бы сравнить с реальной картиной.

Сгенерированная тепловая карта внимания
Сгенерированная тепловая карта внимания

Выводы

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

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

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

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

Кроме того, пока я не увидела нейросеть, которая будет выполнять весь комплекс работ. Чтобы получить прототип и дизайн, нужно использовать связки. Например, ChatGPT для создания структуры и текстов, Midjourney для генерации дизайна, Uizard чтобы превратить дизайн в редактируемый макет. И это еще без верстки и посадки.

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

А вы уже используете искусственный интеллект в своей работе? Делитесь опытом в комментариях 👇

Больше о дизайне, сайтах и маркетинге на моем авторском телеграм-канале https://t.me/shvetsova_web

#нейросети #дизайнсайта #вебдизайн