Мы делали презентации 35 лет, а потом пришла нейросеть

*Отсчёт от создания PowerPoint в 1987 году

Эту историю для моего блога рассказал Николай Букин, дизайнер и основатель брендингового агентства «topred»

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

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

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

Портфолио с помощью нейросетей

В один из свободных дней я решил затестить обновления ChatGPT и сделал то, что делает каждый дизайнер — собрал своё портфолио. Мне важно было создать что-то необычное, то, на что у меня раньше ушло бы 2 недели. Но с ИИ я сделал это за день. Сейчас покажу, как у меня это получилось.

Этап 1: Поиск концепции и стиля

Начал я без особо заумных промптов. Просто закинул в ChatGPT несколько референсов и написал:

Когда нейросеть выдала очередной вариант, я заметил, что она умеет работать с текстом — отличный бонус.

Немного усложнил промпт и добавил лучший референс:

Результат всё ещё не впечатлял.

Тогда я решил добавить свой стиль буквально — нарисовал от руки мультяшных человечков и отправил их вместе с промптом и предыдущей генерацией:

Получил такой вариант:

Я упорно продолжал поиски идеального стиля. Решил вернуться к одному из ранних референсов, который мне нравился, и попробовать поработать с текстом:

«Дизайн зазеркалье» — это моя идея. Я считаю, что именно в этом теперь и заключается работа дизайнера — в поиске идей, а не механической работе. Мы придумываем концепции, а нейросети помогают их воплощать.

Визуально страницы получились скучноватыми. Добавил в старый промпт одно уточнение:

Получилось необычно, но опять не то, что я хотел. Слишком пёстро и хаотично. Решил корректировать цветовую гамму:

Вот тут я наконец-то нащупал нужное направление. Варианты стали значительно интереснее, и я решил развивать эту идею:

Этап 2: Создание персонажа-аватара

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

Первый персонаж был похож, но слишком реалистичный. Я хотел мультяшного героя. Продолжил уточнять детали:

Постепенно персонаж становился лучше, но я заметил, что нейросеть забыла про мою фирменную шапку. Напомнил:

Шапку добавили, но персонаж всё ещё не совсем я. Пришлось детализировать:

Мне всё равно не нравится, и я дублирую ему свою фотографию и пишу:

Результаты становились лучше с каждой итерацией. Пришлось добавить ещё деталей:

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

В итоге получил отличного персонажа. Чем дальше, тем короче становились мои промпты — нейросеть уже понимала, какой стиль мне нужен.

Этап 3: Создание структуры портфолио

Самая муторная часть процесса — структурирование контента. Я отправил нейросети большой промпт с ТЗ на портфолио, где описал формат, структуру и разделение по частям.

В конце добавил:

Нейросеть выдала список вопросов:

– О ключевых навыках и компетенциях

– О значимых проектах

– О творческом процессе

– О видении и философии дизайна

Потратил время на подробные ответы — это того стоило. Далее он начинает собирать структуру моего портфолио.

Начал отправлять ему кейсы для портфолио. Например, для нашей настольной игры «Делегаторы» я просто отправил ссылку на сайт с информацией, и нейросеть сама всё нашла.

После сбора всей информации ChatGPT создал готовую структуру портфолио, пока ещё без визуала.

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

Этап 4: Создание разворотов

Нейросеть начала создавать развороты на основе структуры.

Я просил делать по две версии каждого разворота — с текстом (чтобы видеть компоновку) и без текста (чтобы потом самому добавить отредактированный текст).

Приходилось иногда напоминать о едином стиле — диалог был длинным, и нейросеть могла «забыть» о стилистике.

С дальнейшими страницами были промпты простые: “продолжай дальше”. Иногда просил несколько вариантов одного разворота страницы.

В какой-то момент захотел проиллюстрировать нашу команду. Для этого попросил:

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

За пару часов получил визуальные идеи для всех страниц портфолио. Где-то нейросеть предлагала отличные компоновки, где-то варианты были слабее, но главное — я имел основу для финальной вёрстки.

Этап 5: Доработка и вёрстка

Нейросеть справилась с генерацией идей, но до готового продукта было ещё далеко. Сгенерированные изображения пришлось:

Я импортировал сгенерированные изображения через меню «Файл → Импорт», выделял их и запускал функцию «Трассировать растровое изображение» (PowerTRACE). Обычно выбирал режим «Технический рисунок» или «Детальный логотип», настраивал параметры сглаживания и детализации. После трассировки разгруппировывал объекты (Ctrl+U), чтобы редактировать отдельные элементы.

2. Доработать мелкие детали (например, шрам на брови дорисовывал вручную)

3. Заново сверстать текст (выбрать шрифты, расставить акценты)

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

4. Создать мокап книги в Photoshop с тенями и текстурами

Для некоторых текстов использовал помощь нейросети — просил сократить описания кейсов, чтобы они помещались на страницах:

И получал качественный результат за секунды вместо получаса редактирования.

Результат

Вместо двух недель работы (если бы рисовал всё с нуля) или 3–4 дней (если бы делал стандартным способом), я создал уникальное портфолио за один рабочий день.

Нейросеть не заменила меня как дизайнера. Она выступила инструментом для быстрой генерации идей и черновых макетов. Финальная доработка, компоновка и приведение к единому стилю — всё равно моя работа.

Но экономия времени колоссальная. Раньше бы я делал так:

Теперь этот же процесс выглядит так:

Что я вынес из этого эксперимента

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

Для бизнес-планирования у меня есть отдельные чаты с ChatGPT, куда я загрузил информацию о студии. С их помощью анализирую экономику, планирую новые направления и составляю финансовые планы. Это занимает минуты вместо дней размышлений и расчётов.

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

С чем нейросети пока не справляются:

В чём нейросети реально помогают:

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

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

Я веду блог «А потом пришла нейросеть». Рассказываю, как люди используют нейросети в работе и жизни уже сегодня. Загляни в канал — там я собрала наглядную схему работы дизайнера с нейросетями, которая поможет быстрее освоить AI-инструменты. Подпишись, чтобы не пропустить новые статьи!