Часть 2/2 Как я собрала 10 листов визуальных идей для лонгридов с помощью ИИ

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

После анализа у меня появился список элементов, которые нужно разработать. Но список — это ещё не дизайн.

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

Так появился банк идей для лонгридов.

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

В итоге собрала 10 тематических листов:

— линии, петли и маршруты; — цветочки, звёзды и геометрия; — плашки, стикеры и акценты; — заголовки и типографика; — карточки и смысловые блоки; — шаги, списки и процессы; — мозаика, маски и паттерны; — вопросы и обратная связь; — персонажи и реплики; — готовые сочетания для лонгрида.

На каждом листе — по 12 вариантов. Получилась большая библиотека визуальных направлений, из которой можно выбирать решения под конкретные учебные задачи.

Как повторить такой подход? Шаг 1. Зафиксировать визуальные правила

Перед генерацией нужно передать нейросети утверждённые цвета, шрифты, характер графики и ограничения.

Если есть удачный эталонный лист, приложите его как референс. Это помогает сохранять единый стиль между генерациями.

Шаг 2. Генерировать по одной категории

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

Вот промпт, который можно адаптировать под свой проект:

«Ты — арт-директор и дизайнер учебных интерфейсов.

Создай один визуальный лист “Банк идей: карточки и смысловые блоки”.

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

Формат результата — одно изображение с сеткой 3 × 4, всего 12 отдельных примеров.

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

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

Соблюдай одинаковые внешние отступы карточек, понятную иерархию текста и достаточное расстояние от текста до границ плашек.

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

Не добавляй новые фирменные цвета и декоративные элементы, противоречащие брендбуку.

Сначала проверь композицию, читаемость и единообразие. Затем создай изображение».

Шаг 3. Проверить результат как дизайнер

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

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

— одинаковы ли отступы; — читаются ли заголовки; — есть ли понятная иерархия; — не спорит ли декор с содержанием; — можно ли адаптировать решение под мобильный экран; — действительно ли элемент помогает объяснять материал.

Если что-то не устраивает, лучше давать конкретную правку:

«Увеличь внутренние отступы карточки, не меняя размер текста», а не просить абстрактно «сделать красивее».

Шаг 4. Собрать сочетания

Когда отдельные элементы уже найдены, можно перейти к композициям.

Например, объединить заголовок, факт и совет. Или шаги с чек-листом. Или кейс с вариантами ответа.

Для этого я сделала отдельный лист с готовыми сочетаниями — чтобы смотреть не только на отдельные детали, но и на то, как они работают вместе.