*Отсчёт от создания PowerPoint в 1987 году
Эту историю для моего блога рассказал Николай Букин, дизайнер и основатель брендингового агентства «topred»
Меня зовут Николай, я руковожу дизайн-студией, и уже больше семи лет мы создаём фирменные стили, логотипы и различные креативные проекты для клиентов. В нашей дизайн-студии мы всегда начинаем работу над проектом с трёх ключевых вопросов:
Кто покупает? (ЦА)
Зачем покупают? (рациональное желание)
Почему именно у этого клиента должны покупать? (УТП и эмоциональный крючок)
Эти вопросы формируют основу любого успешного дизайн-проекта. Дизайн должен решать конкретные проблемы людей, а не просто быть красивой картинкой. Он должен говорить на языке своей аудитории и помогать бизнесу достигать измеримых целей.
Недавно в игру вступили нейросети. Они изменили наш рабочий процесс, но не изменили наших принципов. В этой статье я поделюсь примерами использования ИИ в нашей дизайн-студии — что доверяем нейросетям, а что делаем руками. И расскажу, как использовал ИИ для создания собственного портфолио за один день вместо двух недель.
Портфолио с помощью нейросетей
В один из свободных дней я решил затестить обновления ChatGPT и сделал то, что делает каждый дизайнер — собрал своё портфолио. Мне важно было создать что-то необычное, то, на что у меня раньше ушло бы 2 недели. Но с ИИ я сделал это за день. Сейчас покажу, как у меня это получилось.
Этап 1: Поиск концепции и стиля
Начал я без особо заумных промптов. Просто закинул в ChatGPT несколько референсов и написал:
На основе подобного стиля сделай горизонтальную обложку для портфолио формата 16x9. Сделай сразу 3 страницыКогда нейросеть выдала очередной вариант, я заметил, что она умеет работать с текстом — отличный бонус.
Немного усложнил промпт и добавил лучший референс:
На основе подобного стиля сделай горизонтальную обложку для портфолио формата 16x9. Сделай сразу 5 страниц. Важно, чтобы была общая идея, которая считывается на всех страницах — например, это мир ярких эмоций или «зазеркалье дизайнера»Результат всё ещё не впечатлял.
Тогда я решил добавить свой стиль буквально — нарисовал от руки мультяшных человечков и отправил их вместе с промптом и предыдущей генерацией:
Давай в этом же стиле, только форма 16x9. Слова на русском, а мордашки те, что прикрепилПолучил такой вариант:
Получилось криво-косо, но уже ближе к моему стилю.
Я упорно продолжал поиски идеального стиля. Решил вернуться к одному из ранних референсов, который мне нравился, и попробовать поработать с текстом:
Давай теперь в этом стиле, горизонтальные макеты 16x9. Обрати внимание на то, как свёрстан текст. Сделай также много мелкого текста на одной стороне, выделяя акценты. Основная идея портфолио это «дизайн зазеркалье». Заголовком сделай моё имя — Букин Николай. Сделай 4 отдельные страницы«Дизайн зазеркалье» — это моя идея. Я считаю, что именно в этом теперь и заключается работа дизайнера — в поиске идей, а не механической работе. Мы придумываем концепции, а нейросети помогают их воплощать.
Визуально страницы получились скучноватыми. Добавил в старый промпт одно уточнение:
Добавь яркие, сочные краски и интересные сюжеты
Получилось необычно, но опять не то, что я хотел. Слишком пёстро и хаотично. Решил корректировать цветовую гамму:
Давай ещё варианты страниц, пока как-то перегружено по цветам, думаю для фона под текст стоит добавить бежевый, а в самом тексте сделать цветовые выделения
Вот тут я наконец-то нащупал нужное направление. Варианты стали значительно интереснее, и я решил развивать эту идею:
Продолжай создавать новые страницы, добавляя больше визуала, связанного с зазеркальем, вставляй фото и рисунки только мужчины с длинными волосами и бородой
Этап 2: Создание персонажа-аватара
После нескольких итераций с общей концепцией понял: пора создавать своего персонажа. Загрузил свою фотографию и попросил сделать героя похожим на меня.
Продолжай создавать новые страницы, добавляя больше визуала связанного с зазеркальем, вставляй фото и рисунки только мужчины с длинными волосами и бородой. Прикрепил своё фото, делай персонажа похожим на меня
Первый персонаж был похож, но слишком реалистичный. Я хотел мультяшного героя. Продолжил уточнять детали:
Давай ещё страницы, только персонажа более мультяшным, а текста меньше в три раза и можно добавлять какие-то небольшие изображения на сторону с текстом. Также сделай больше разноцветных выделений в тексте и попробуй подобрать более интересный шрифт
Постепенно персонаж становился лучше, но я заметил, что нейросеть забыла про мою фирменную шапку. Напомнил:
Давай делать это в стиле детской книги, где главным героем будет этот персонаж. Только добавь ему его шапочку песочного цвета, как на фото со мной.
Следующий разворот книги давай сделаем про достижения: там будет текст и небольшие изображения, и про мечту, где будет изображён интерьер креативного пространства с этим человеком внутри
Шапку добавили, но персонаж всё ещё не совсем я. Пришлось детализировать:
Тут у персонажа коричневые волосы, а у меня чёрные, измени, пожалуйста. Далее мне нужно вывести этого персонажа в 10 позах, чтоб я мог его сохранить и перевести в вектор
Мне всё равно не нравится, и я дублирую ему свою фотографию и пишу:
Персонаж не совсем похож на меня, давай сделаем его более похожим, вот мои узнаваемые черты:
Чёрные волосы и чёрная борода
Рубашку застёгиваю только на верхнюю пуговицу
Под рубашкой белая футболка
Песочная шапка (у тебя сейчас хорошо она показана)
Песочная рубашка
Светлые бежевые штаны с необычным кроем 3d trappered, это фирма g-star, если это тебе поможет лучше понять их форму
Белые кеды найк эир
Результаты становились лучше с каждой итерацией. Пришлось добавить ещё деталей:
Давай сделаем ещё чуть лучше:
У меня левая бровь со шрамом, выглядит словно выбрита полоска на ней
Попробуй рубашку застегнуть на верхнюю пуговицу
Уши чуть меньше
Некоторые персонажи чуть обрезаны, детали выходят за край макета, сделай так, чтоб всё помещалось на странице
Бывало, что новая версия получалась хуже предыдущей. Тогда я просто указывал на это и просил вернуться к лучшему варианту:
В итоге получил отличного персонажа. Чем дальше, тем короче становились мои промпты — нейросеть уже понимала, какой стиль мне нужен.
Этап 3: Создание структуры портфолио
Самая муторная часть процесса — структурирование контента. Я отправил нейросети большой промпт с ТЗ на портфолио, где описал формат, структуру и разделение по частям.
В конце добавил:
...задай мне вопросы обо мне, на которые тебе нужны ответы, чтобы мы могли начать формировать страницы для презентацииНейросеть выдала список вопросов:
– О ключевых навыках и компетенциях
– О значимых проектах
– О творческом процессе
– О видении и философии дизайна
Потратил время на подробные ответы — это того стоило. Далее он начинает собирать структуру моего портфолио.
Начал отправлять ему кейсы для портфолио. Например, для нашей настольной игры «Делегаторы» я просто отправил ссылку на сайт с информацией, и нейросеть сама всё нашла.
После сбора всей информации ChatGPT создал готовую структуру портфолио, пока ещё без визуала.
Я внимательно прочитал и уточнил несколько деталей:
1) "о себе" давай разобьём на несколько страниц, чтоб не было перегруза по тексту 2) на кейсы давай тоже сделаем по 2-3 страницы чтоб не было скучено всё и делай сразу первый разворотЭтап 4: Создание разворотов
Нейросеть начала создавать развороты на основе структуры.
Я просил делать по две версии каждого разворота — с текстом (чтобы видеть компоновку) и без текста (чтобы потом самому добавить отредактированный текст).
Делай сразу по 2 картинки, на одной с текстом, чтоб я видел компоновку, на второй всё то же самое, только без текста, чтоб я потом его отдельно сам вставлял и продолжаем дальше
Приходилось иногда напоминать о едином стиле — диалог был длинным, и нейросеть могла «забыть» о стилистике.
С дальнейшими страницами были промпты простые: “продолжай дальше”. Иногда просил несколько вариантов одного разворота страницы.
В какой-то момент захотел проиллюстрировать нашу команду. Для этого попросил:
Нарисуй нашего персонажа среди двух девушек и двух парней, это будет наша команда студии
Получилось уже отлично, и теперь просто нужно добавить отличительные черты каждого из персонажей. Например:
Давай одного из парней сделаем лысым и выше остальных
За пару часов получил визуальные идеи для всех страниц портфолио. Где-то нейросеть предлагала отличные компоновки, где-то варианты были слабее, но главное — я имел основу для финальной вёрстки.
Этап 5: Доработка и вёрстка
Нейросеть справилась с генерацией идей, но до готового продукта было ещё далеко. Сгенерированные изображения пришлось:
1. Перевести в вектор в CorelDraw
Я импортировал сгенерированные изображения через меню «Файл → Импорт», выделял их и запускал функцию «Трассировать растровое изображение» (PowerTRACE). Обычно выбирал режим «Технический рисунок» или «Детальный логотип», настраивал параметры сглаживания и детализации. После трассировки разгруппировывал объекты (Ctrl+U), чтобы редактировать отдельные элементы.
2. Доработать мелкие детали (например, шрам на брови дорисовывал вручную)
3. Заново сверстать текст (выбрать шрифты, расставить акценты).
Нейросеть генерировала текст только для демонстрации компоновки макетов. Качество самого текста оставляло желать лучшего — шрифты менялись хаотично, встречались опечатки, где-то текст был набран капсом, где-то строчными буквами. Всю типографику я делал заново: подбирал подходящие шрифты, настраивал акценты и отступы, сохраняя при этом общую структуру, предложенную ИИ.
4. Создать мокап книги в Photoshop с тенями и текстурами
Для некоторых текстов использовал помощь нейросети — просил сократить описания кейсов, чтобы они помещались на страницах:
вот описание кейса, сделай чуть корочеИ получал качественный результат за секунды вместо получаса редактирования.
Результат
Вместо двух недель работы (если бы рисовал всё с нуля) или 3–4 дней (если бы делал стандартным способом), я создал уникальное портфолио за один рабочий день.
Нейросеть не заменила меня как дизайнера. Она выступила инструментом для быстрой генерации идей и черновых макетов. Финальная доработка, компоновка и приведение к единому стилю — всё равно моя работа.
Но экономия времени колоссальная. Раньше бы я делал так:
Придумывал концепцию (1 день)
Рисовал иллюстрации сам или отдавал иллюстратору (3–5 дней)
Ждал правок и результата (2–3 дня)
Компоновал и верстал (2 дня)
Теперь этот же процесс выглядит так:
Придумываю концепцию (1–2 часа)
Генерирую визуалы с нейросетью (3–4 часа)
Дорабатываю и верстаю (3–4 часа)
Что я вынес из этого эксперимента
Не нужны сложные промпты. Я описывал всё простыми словами, как ребёнку. Никаких хитрых конструкций и специфических терминов.
Итеративный подход работает лучше всего. Постепенное улучшение результата через небольшие уточнения эффективнее, чем попытка сразу получить идеальный результат.
Нейросеть — инструмент генерации идей, а не финального продукта. Она предлагает варианты компоновки, стиля, персонажей, но качественный результат требует человеческой доработки.
Самое ценное — экономия времени на рутине. Я не трачу дни на поиск референсов и создание базовых иллюстраций, а сосредотачиваюсь на творческой части.
Качество текста тоже впечатляет. Нейросеть отлично справляется с редактированием и сокращением текста, что экономит кучу времени.
Мой арсенал нейросетей: что использую каждый день
В повседневной работе я использую:
ChatGPT как основной инструмент
KREA для генерации визуального контента
ReCraft для векторизации изображений
Раньше начинали с Midjourney
Для бизнес-планирования у меня есть отдельные чаты с ChatGPT, куда я загрузил информацию о студии. С их помощью анализирую экономику, планирую новые направления и составляю финансовые планы. Это занимает минуты вместо дней размышлений и расчётов.
Как ИИ изменил нашу работу
Внедрение нейросетей кардинально изменило наши рабочие процессы, но, как любой инструмент, ИИ имеет свои ограничения в сфере дизайна:
С чем нейросети пока не справляются:
Создание действительно уникальных логотипов — им не хватает понимания контекста бренда
Финальная вёрстка с точными отступами и выравниваниями
Сохранение единого стиля на протяжении большого проекта — чем дольше диалог, тем сильнее «забывается» изначальная концепция
Создание сложных User Flow или CJM диаграмм — результаты получаются слабыми
Понимание нюансов типографики и правил композиции
В чём нейросети реально помогают:
Вместо 2–3 дней на мудборд — всего полчаса
Молниеносная генерация вариантов визуализации идеи
Быстрая проверка жизнеспособности концепций
Автоматизация рутинных задач и обработки текста
Создание персонажей и стилизованных иллюстраций
Я не вижу в нейросетях угрозу для дизайнеров. Это просто инструмент, как кисть или графический планшет. В конце концов, я могу всё это нарисовать сам. Но я больше не вижу смысла тратить часы на рутину, если можно использовать это время для генерации прорывных идей.
Главная ценность ИИ для меня — это освобождённое время для настоящего творчества. Недавно, после работы с портфолио, меня осенило создать книгу с персонажами для сына. И я понял — вот оно, истинное преимущество: нейросети не убивают творчество, а дают ему пространство для роста.
Я веду блог «А потом пришла нейросеть». Рассказываю, как люди используют нейросети в работе и жизни уже сегодня. Загляни в канал — там я собрала наглядную схему работы дизайнера с нейросетями, которая поможет быстрее освоить AI-инструменты. Подпишись, чтобы не пропустить новые статьи!
