Нейросети для дизайнеров

Нейросети для дизайнеров: задачи, где ИИ экономит время, где не справляется, процесс от брифа до Figma, права и как рассказать заказчику о работе с ИИ.

ИИ в дизайне
ИИ в дизайне

Нейросети для дизайнеров полезны на ранних и рутинных этапах: мудборды, поиск направлений, фоны, апскейл, черновые иконки и мокапы. Сетку, типографику, бренд-систему и доступность модель не держит, поэтому финальный макет собирает человек в Figma. Заказчику при этом стоит заранее сказать, на каких этапах работала нейросеть, и проверить права на каждое сгенерированное изображение.

Где ИИ помогает дизайнеру

Мудборды и направления

На старте проекта референсы собирают часами. Midjourney, Flux или Kandinsky за вечер дают 3-4 визуальных направления, например для кофейни: светлый скандинавский минимализм, тёплый крафт с бумагой и деревом, яркая городская графика. Заказчик выбирает направление по картинкам, и разговор о вкусе становится предметным.

Варианты композиции

Когда направление выбрано, модель помогает перебрать раскладки обложки или баннера: где стоит продукт, сколько воздуха оставить под заголовок, какой нужен ракурс. Серия из 4-8 вариантов показывает, что работает, ещё до того, как дизайнер потратил час на отрисовку.

Фоны и расширение кадра

Генеративная заливка в Photoshop и outpainting в Stable Diffusion расширяют фото под другой формат, убирают лишние предметы, достраивают фон. Типичная задача интернет-магазина: товар снят на белом, а для баннера нужна сцена на кухонном столе.

Апскейл

Клиент присылает логотип или фото команды в маленьком разрешении. Апскейл-модели увеличивают картинку, но при этом дорисовывают детали, и на лицах и надписях появляются артефакты. Логотип надёжнее перерисовать в векторе, а увеличенное фото проверить на 100% масштаба.

Иконки и мокапы

Для иконок ИИ хорош как генератор идей: какая метафора подойдёт для «доставки» или «записи онлайн». Финальный набор рисуют вектором на одной сетке и с одной толщиной линии, потому что генератор не удерживает стиль на 20-30 иконках подряд. Мокапы работают лучше: показать логотип салона на вывеске, стакане или пакете до печати теперь можно за минуты.

Тексты-заглушки

ChatGPT, Claude или GigaChat пишут заглушки ближе к жизни, чем lorem ipsum: заголовок нужной длины, список услуг юриста, отзыв на три строки. Макет сразу проверяется на реальных длинах, и в вёрстке не всплывает заголовок в две строки там, где планировали одну. Финальные тексты всё равно пишет копирайтер или присылает клиент.

Где нейросеть не справляется

Модель видит картинку целиком и не знает правил, по которым устроен интерфейс. Поэтому нейросети для дизайнеров остаются помощником на черновиках, а слабые места выглядят так:

  • сетка и отступы: генератор не знает про 12 колонок и шаг 8 px, элементы «плавают»;
  • типографика: буквы на сгенерированных картинках часто ломаются, особенно кириллица, а пару шрифтов, кегли и интерлиньяж выбирает дизайнер;
  • бренд-система: палитра от кадра к кадру уходит на пару оттенков, логотип искажается, правила использования модель не читает;
  • доступность: ИИ любит светло-серый текст на белом, хотя для мелкого текста нужен контраст по WCAG AA, а ещё тач-зоны и видимый фокус;
  • состояния и адаптив: hover, ошибка в форме, пустая корзина, мобильная версия в картинку не помещаются.
ЗадачаЧто даёт ИИЧто делает дизайнер
Мудборд3-4 направления за вечеротбирает, объясняет выбор заказчику
Обложка, баннерсерию композицийсобирает макет на сетке, ставит шрифты
Фото товарафон, расширение кадраправит свет, тени, цвет под бренд
Иконкиидеи метафоррисует набор в едином стиле
UI-экранреференс настроенияпроектирует компоненты и состояния
Доступностьничего полезногопроверяет контраст, размеры, фокус

Процесс от брифа к финалу

  1. Бриф. Задача, аудитория, где будет жить картинка, бренд-гайд, запреты. Запреты особенно полезны: «без людей», «без чужих логотипов», «не фиолетовый».
  2. Референсы и промпт. Из брифа собирают описание сцены, стиля, света и формата. Промпт и настройки сохраняют вместе с проектом.
  3. Серия. 4-8 вариантов на направление. Больше смотреть бессмысленно, глаз замыливается.
  4. Отбор по критериям. Иерархия читается, палитра из гайда, есть место под заголовок, нет случайного текста и чужих знаков.
  5. Доводка. Выбранный кадр чистят в Photoshop или Figma: цвет, ретушь артефактов, кадрирование.
  6. Сборка макета. Шрифты, сетка, кнопки, подписи добавляет дизайнер, уже поверх изображения.
  7. Экспорт. Форматы и размеры под каждый канал, сжатие для сайта, alt-тексты для страниц.

Подробнее про выбор генератора есть в обзоре альтернатив Midjourney, а локальную работу с моделями разбирает гайд по Stable Diffusion.

Передача в Figma

Сгенерированную картинку разработчик сам по себе не сверстает: ему нужны компоненты, отступы и состояния. Поэтому в Figma передают пакет:

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

Пометка источника кажется мелочью, пока заказчик не попросит заменить все сгенерированные изображения на фото. Тогда список слоёв экономит день. Разработчик тоже скажет спасибо: он сразу видит, какие картинки можно пережимать и обрезать, а какие пришли от клиента и трогать их нельзя.

Права и условия сервисов

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

Риски, которые не зависят от тарифа:

  • чужие логотипы, персонажи и товарные знаки в кадре;
  • узнаваемые люди: для использования изображения человека в рекламе нужно его согласие, сгенерированное «лицо» может оказаться похожим на реального;
  • промпт со стилем конкретного живого художника создаёт этические и репутационные вопросы;
  • вопрос авторства сгенерированных изображений в разных странах решают по-разному, и однозначной позиции пока нет.

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

Как презентовать заказчику работу с ИИ

Заказчик всё равно узнает, что вы используете нейросети, так что лучше сказать об этом самим и в правильный момент. В коммерческом предложении перечислите этапы, где работает ИИ: поиск направлений, фоны, мокапы. Мудборд показывайте как поиск, без обещания, что финал будет выглядеть ровно так.

Вопрос «почему так дорого, если рисует нейросеть» лучше снять сразу. Модель сокращает поиск, а доводка, сборка макета, адаптив и передача в разработку остаются ручной работой, и именно за них заказчик платит. При сдаче приложите список элементов, созданных генератором. И никогда не выдавайте сгенерированные фото за реальные снимки продукции, интерьера или команды: для салона или ресторана это быстро всплывает в отзывах.

Ревью с маркетологом

Перед публикацией покажите макет маркетологу и пройдите по вопросам:

  • картинка не обещает того, чего нет в продукте или услуге?
  • визуал совпадает с оффером страницы или поста?
  • серия узнаётся в ленте рядом с прошлыми публикациями?
  • главный акцент читается на экране телефона?
  • если это реклама, маркировка и erid на месте?

«Красиво» и «работает» совпадают не всегда. Трендовые приёмы тоже стоит проверять на пользу для заявки, об этом статья про тренды веб-дизайна.

Как это устроено у NeuroDomen

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

Частые вопросы

Заменят ли нейросети дизайнеров?

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

Какую нейросеть выбрать дизайнеру для начала?

Ту, что закрывает вашу частую задачу. Для мудбордов и обложек обычно берут Midjourney или Flux, для правок фото удобна генеративная заливка в Photoshop, для локальной работы с собственными стилями подходит Stable Diffusion. Сравнение есть в статье про генерацию изображений.

Можно ли сдавать заказчику сгенерированную картинку как финал?

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

Как сохранить единый стиль серии?

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

Нужно ли помечать изображения, созданные ИИ?

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

Что сделать на этой неделе

  • Выберите одну рутинную задачу (фоны, мокапы или мудборды) и отдайте её генератору.
  • Сохраните промпт, настройки и эталонный кадр в файле проекта.
  • Добавьте в шаблон Figma поле «источник изображения».
  • Проверьте контраст текста на трёх последних обложках.
  • Допишите в КП абзац о том, на каких этапах вы используете ИИ.

Оставить заявку · Все статьи