Все иллюстрации в этом блоге, включая картинку к этой статье, сделаны нейросетью. За год работы с ИИ для дизайна сайта у нас накопились два списка: задачи, где он экономит дни, и задачи, где он создаёт работу на переделку. Делимся обоими.
Разговор про нейросети в дизайне обычно идёт двумя крайностями. Либо "дизайнеры больше не нужны", либо "это игрушка, на серьёзном проекте бесполезна". По факту генеративные модели заняли узкую, но вполне конкретную нишу: они закрывают ту часть работы, где нужно много однотипного и где ошибка стоит дёшево.
Ниже отчёт о практике, а не обзор сервисов. Цифры наши, ошибки тоже наши.
Что мы генерируем у себя и в каком объёме
На сайте студии сейчас больше двухсот сгенерированных изображений. Из них 105 иллюстраций к статьям блога, по одной на статью, квадратные, размером 1024 на 1024 пикселя. Каждая работает в двух ролях сразу: миниатюрой в списке статей и большой картинкой справа от заголовка внутри материала.
Остальное - иконки для блоков на страницах услуг, обложки разделов и картинки к инструментам. Всё в одной палитре и в одной стилистике, так что лента блога выглядит как единая серия, а не как коллекция из разных источников.
До этого было два варианта. Сток: 100-300 рублей за изображение, быстро, но подобрать сто картинок в одном стиле там физически нельзя, потому что рисовали их разные люди. Иллюстратор: от 2 000 до 6 000 рублей за картинку и недели на партию. Для блога, который выходит ежедневно, оба варианта не сходятся ни по деньгам, ни по срокам.
Четыре задачи, где нейросеть реально помогает
Иллюстрации и иконки в едином стиле. Главный выигрыш. Один раз формулируется стилевое описание, дальше меняется только сцена. Тридцать картинок к тридцати статьям получаются за вечер, и они действительно выглядят как одна серия. Что просить у обычного иллюстратора и чем это отличается по процессу, разбирали в статье про заказ иконок и иллюстраций.
Черновые варианты композиции. Когда надо показать заказчику направление, а не готовое решение. Пять вариантов первого экрана за двадцать минут снимают половину споров на созвоне: клиент тычет пальцем в тот, что ближе, и дальше дизайнер работает уже с понятным ориентиром вместо словесного "хочу посовременнее".
Подбор палитры и шрифтовых пар. Модель хорошо предлагает сочетания и объясняет логику. Дальше человек проверяет контраст, читаемость на мобильном и наличие кириллицы в шрифте, потому что вот тут нейросеть врёт регулярно и подсказывает гарнитуры без русских букв.
Рутинная обработка. Убрать фон у сотни фотографий товара, дорисовать поля до нужного соотношения сторон, увеличить старое изображение до приличного размера. Скучная работа, где результат проверяется за секунду.
Что получается плохо
Текст на картинке. Самая известная беда и она никуда не делась. Модель рисует буквы как орнамент, поэтому "Скидка" превращается в "Скдика", а в углу баннера появляется слово, которого нет ни в одном языке. Лечится единственным способом: генерировать без текста, надписи класть сверху вёрсткой.
Точная типографика и вёрстка блока. Сетка, ритм отступов, выравнивание по базовой линии - всё это модель имитирует на глаз. Издалека похоже, вблизи разъезжается.
Повторяемость персонажа. Если на сайте нужен один и тот же человек в пяти сценах, готовьтесь к тому, что у него будет пять разных лиц. Мы обошли это тем, что в нашем стиле людей нет вообще: только предметы и абстракции. Решение вынужденное, но оно закрыло проблему целиком.
Интерфейсные макеты, которые можно отдать в вёрстку. Нейросеть выдаёт эффектную картинку "как бы дашборда", но это иллюстрация, а не макет: нет брейкпойнтов, нет состояний полей, нет пустых состояний и ошибок форм. Верстальщик всё равно собирает всё с нуля. Зачем нужен нормальный прототип и что он даёт до вёрстки, писали отдельно в материале про прототип сайта. То же самое касается попыток собрать сайт целиком одной командой: что получается на практике, мы разбирали подробно.
Как удержать единый стиль на серии из ста картинок
Секрета нет, есть дисциплина. Мы фиксируем четыре вещи и не меняем их между картинками.
| Что фиксируем | Как это выглядит у нас | Если не зафиксировать |
|---|---|---|
| Стилевой суффикс промпта | Одна и та же фраза про плоскую векторную иллюстрацию в редакционном B2B-стиле, дописывается к каждому заданию скриптом | Каждая пятая картинка уезжает в 3D или в акварель |
| Палитра | Два цвета кодами: фиолетовый #6E59A4 основной и оранжевый #FFA800 акцентом ровно на одном ключевом предмете | Сайт превращается в радугу, акцент теряется |
| Формат кадра | Всегда квадрат 1024 на 1024 | Карточки в ленте начинают прыгать по высоте |
| Модель и настройки | Одна модель, одно качество, не меняем в середине партии | Смена версии видна невооружённым глазом |
Переменной остаётся только описание сцены: два-четыре предмета, одно понятное действие, без людей и без надписей. Промпт для картинки к этой статье в переводе звучит примерно так: планшет с эскизом сетки страницы, рядом палитра образцов цвета и стопка вариантов композиции, оранжевый акцент на палитре.
Пятое правило нигде не записано, но работает: генерировать партиями. Тридцать картинок подряд в один заход дают более ровный результат, чем те же тридцать, растянутые на месяц. Больше про технику и про типичные грабли - в разборе картинок для сайта нейросетью.
Сколько это стоит по факту
Считаем на партии в 30 иллюстраций для блога.
| Способ | Деньги | Срок |
|---|---|---|
| Генерация нейросетью | порядка 100-700 руб. за партию | вечер работы одного человека |
| Сток | 3 000-9 000 руб. | 1-2 дня на подбор |
| Иллюстратор | 60 000-180 000 руб. | 2-4 недели |
Разброс по генерации зависит от модели и качества: у нас выходит в пределах 3-5 рублей за картинку, у моделей посвежее и в высоком качестве цена доходит до 20-25 рублей за штуку. На фоне остальных строк таблицы это шум.
Дешевизна самой генерации сбивает с толку. Реальные затраты не в токенах, а в двух местах: переделка неудачных вариантов (у нас в брак уходит примерно каждая пятая картинка) и приёмка. Про приёмку дальше отдельно, потому что там прячется единственный риск, который стоит денег.
Приёмка глазами: генератор дорисовывает обещания
Правило, которое мы вывели дорого: смотреть надо каждую картинку и сверять её с исходным заданием, а не просто оценивать "красиво или нет".
Модель склонна дорисовывать то, о чём её не просили. В задании была витрина магазина - на картинке появился ценник с цифрой. Просили абстрактную сцену про медицинский сайт - получили крест и вывеску с выдуманным названием. Один раз на баннере сама собой возникла надпись про гарантию. Всё это выглядит безобидно ровно до момента, пока картинка не оказалась на сайте клиента: там дорисованная цифра становится обещанием, за которое отвечает бизнес, а не нейросеть.
Смотреть по одному файлу утомительно, поэтому мы собираем партию в контактный лист: сетка картинок с номерами, один экран, одна проверка. Сразу видно и выпавших из стиля, и тех, кто дорисовал лишнее.
Второе, что проверяется на приёмке, - смысл. Картинка должна иметь отношение к тексту. Абстрактная красота, которая подошла бы к любой статье, не работает: читатель её не запоминает, а в ленте блога такие карточки сливаются.
Права на сгенерированное и что писать в договоре
Здесь два разных вопроса, и их постоянно путают.
Можно ли использовать. Да, если это разрешено условиями сервиса, через который генерируете. У большинства коммерческое использование результата разрешено, но условия меняются, и перед серийным применением их стоит перечитать.
Кому принадлежит результат. А вот тут неприятно. Авторское право в России защищает результат творческого труда человека. У изображения, которое целиком сгенерировала модель по текстовому запросу, такого автора нет, и в исключительные права оно, скорее всего, не попадает. Практический вывод простой: вашу картинку может взять конкурент, и запретить ему это будет сложно. Смежная тема с фотографиями и стоком разобрана в статье про авторские права на изображения.
Из этого следуют три рабочих правила. Логотип и фирменный стиль нейросетью не делаем: там уникальность и защита нужны по-настоящему. В договоре с заказчиком прямо пишем, какая часть графики сгенерирована, и оговариваем, что исключительные права на неё не передаются, потому что их нет. И не просим модель рисовать в стиле конкретного живого художника или воспроизводить чужие персонажи и товарные знаки: вот здесь претензии уже вполне реальны.
Рабочая схема: ИИ на черновики, человек на решения
Порядок, к которому мы пришли за год. Он же годится как список вопросов подрядчику, если вы заказываете дизайн и хотите понять, как у него устроен процесс.
- Решение о структуре страницы, о том, что и в каком порядке видит посетитель, принимает человек. Нейросеть к этому не подпускаем.
- Стиль формулируется один раз и записывается текстом: палитра кодами, формат, характер иллюстраций. Это документ, а не устная договорённость.
- Черновые варианты композиции и настроения генерируются пачками, показываются заказчику, выбирается направление.
- Финальная графика собирается по зафиксированному стилю партиями, а не по одной картинке в неделю.
- Каждая картинка принимается глазами и сверяется с заданием. Всё дорисованное, что похоже на обещание, цифру или надпись, отправляется в переделку.
- Текст на изображениях кладётся вёрсткой или в редакторе. Из генератора буквы не берём никогда.
- Макет для вёрстки делает дизайнер: со состояниями, мобильной версией и сеткой. Сгенерированная картинка может быть только референсом.
- В договоре есть абзац про сгенерированную графику и про права на неё.
- Для логотипа, фирменного знака и всего, что пойдёт в регистрацию, нейросеть не используется.
Спросить у подрядчика стоит ровно одно: покажите десять иллюстраций с одного проекта подряд. Если они в одном стиле - процесс у человека выстроен. Если каждая своя - вам продадут случайный набор.
Где проходит граница
Нейросети в дизайне сайта заняли место подмастерья: они дёшево и быстро делают много однотипной графики и черновиков. Всё, что требует точности и ответственности, - типографика, интерфейс, фирменный стиль, обещания клиенту - осталось за человеком. Наш блог с двумя сотнями сгенерированных картинок это подтверждает: экономия на иллюстрациях получилась в десятки раз, а время дизайнера просто переехало с рисования на постановку задачи и приёмку.
Во что обходится сайт с таким подходом к графике, можно прикинуть самому: в калькуляторе выбираете тип сайта, уровень дизайна и объём страниц и сразу видите вилку по деньгам и срокам.
