Как нейросети помогают веб-дизайнерам

Развитие таких нейросетей, как ChatGPT, Midjourney, Dall-e 2 — причина бесконечных споров о том, сможет ли искусственный интеллект заменить копирайтеров и дизайнеров. Мы хотим порассуждать о веб-дизайне: какие его функции могут взять на себя нейросети, а какие — пока еще нет.

Страх перед искусственным интеллектом возник еще в 20 веке, с технологизацией мира — достаточно вспомнить фильм «Терминатор». Особенно этот страх развит в западном обществе, во многом в силу лингвистических причин: в английском ИИ — это artificial intelligence, «искусственный разум» — звучит более пугающе, чем нейтральное «интеллект».

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

Если умные программы вместо учителей или врачей — дело далекого будущего, то вопросы о замене машинным обучением диджитал-специалистов: разработчиков, дизайнеров и копирайтеров — идут уже сейчас. Low-code и no-code платформы, конструкторы сайтов и такие известные нейросети, как ChatGPT, Dall-e 2 и Midjourney, уже сейчас способны выполнять некоторые их задачи. Так, в студии Артемия Лебедева есть услуга разработки логотипа и брендбука с помощью нейросети. А в начале февраля появилась новость, что студент РГГУ защитил диплом, написанный с помощью ChatGPT. На фоне этих кейсов задача создать веб-дизайн с помощью нейросетей кажется максимально выполнимой.

Дизайн и логика процессов

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

Пример такого инструмента уже есть — в этом году была запущена новая нейронка Galileo AI, которая генерирует интерфейсы на основе простых текстовых запросов. Например, вы вбиваете в строку «страница приложения для чтения электронных книг с профилем Дэна Брауна» — и получаете готовый экран. Galileo AI, которая обучается на огромном массиве существующих интерфейсов, способна генерировать не только их дизайн, но и иллюстрации. А полученный результат можно редактировать в Figma.

Логика дизайна

Но веб-дизайн — это не только макет: в первую очередь это интерфейс и user experience, которые отражают логику бизнес-процессов компании. Не случайно смысл английского design ближе к «проектированию», чем к «рисованию». Чтобы создать дизайн, нейросеть должна понимать, как будут строиться пользовательские пути и какие действия человек должен совершить на каждой странице. Всю эту логику ИИ обработать пока не может: ее продумывает и реализует именно специалист.

Портал для изучения английского, видеохостинг, маркетплейс, сайт с прогнозом погоды, любая онлайн-программа — все это требует огромной работы над UX и UI (user experience и user interface), которую невозможно проделать с помощью нейросети. Создание лендинга для жилого комплекса нельзя отдать нейросети: она не сможет продумать контент, дизайн и расположение кнопок так, чтобы убедить пользователя оставить заявку. В примере выше Galileo AI сделала страницу приложения с книгами Дэна Брауна — но как только речь зайдет об отстройке от конкурентов и элементах, на которых мы хотим акцентировать внимание, нейросеть окажется бессильной.

Да, нейросети могут использоваться для дизайна простых сайтов вроде тех, что создаются с помощью конструкторов. Так что для специалистов, которые занимаются только этими задачами, искусственный интеллект — действительно конкурент. Более серьезные решения сделать с помощью искусственного интеллекта пока нельзя. Веб-дизайн, UI и UX — это не про картинку: это про глубинные бизнес-процессы, которые отражаются в интерфейсе. И обработать их машина пока не может.

Вдохновение и работа с фонами

Хотя нейросеть не способна заменить веб-дизайнера, она уже сейчас может быть удобным вспомогательным инструментом в его работе. Та же Galileo AI позиционируется как сервис для решения рутинных задач — например, создания шаблонов.

Такие нейронки, как Midjourney, Dall-e 2, Stable Diffusion могут дать вдохновение для создания иконок, логотипов и стилей, помочь в прорисовке фона, изображений и других элементов, заменить собой стоки фотографий для создания иллюстраций.

Нейросети могут выполнять и другие функции в веб-дизайне

Remove BG умеет удалять фон с фотографии, определяя необходимые объекты и вырезая их за несколько секунд. У программы даже есть плагин для Adobe Photoshop. Правда, чтобы скачать изображение в хорошем качестве, нужно подписаться на платную версию.

Let’s Enhance улучшает качество изображений: разрешение и четкость

Khroma подбирает пары цветов, «заточенные» под ваш вкус. Пользователь выбирает 50 оттенков, которые ему нравится, после чего нейросеть будет генерировать и предлагать сочетания, отвечающие его пристрастиям. Для каждой пары сервис выдаст коды, параметры RGB и CSS.

Примеров таких инструментов, которые могут помочь в работе дизайнера, достаточно много. Но спроектировать логику интерфейса искусственный интеллект не в состоянии, и в горизонте 5-10 лет эта тенденция сохранится. Построить прогнозы на более долгосрочную перспективу пока сложно.