Часть 1/2 Корпоративный брендбук есть. А как по нему оформить учебный лонгрид?

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

У меня был корпоративный брендбук: цвета, шрифты, фирменная графика, правила использования элементов. Казалось бы, бери и работай.

Но когда дело дошло до лонгридов, вопросов стало больше, чем ответов.

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

И главное — как сохранить фирменный стиль, но адаптировать его под задачи обучения?

Решила подключить нейросеть. Но начала не с генерации картинок.

Шаг 1. Разобрать исходный брендбук

Загрузила корпоративный брендбук и попросила ИИ разделить его содержание на три категории:

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

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

Шаг 2. Определить, чего не хватает

Я описала формат будущих материалов: лонгриды в iSpring Page, которые сотрудники будут читать с телефона.

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

Так стало понятно, что именно нужно проектировать.

Шаг 3. Перевести фирменные элементы в учебные

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

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

Промпт, с которого можно начать:

«Ты — арт-директор цифровых образовательных продуктов.

Я разрабатываю учебные лонгриды и хочу расширить существующий корпоративный брендбук правилами оформления учебных материалов.

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

Сначала составь таблицу из трёх категорий:

1. Обязательные корпоративные правила. 2. Правила, допускающие адаптацию. 3. Вопросы, для которых в брендбуке нет решения.

Не придумывай отсутствующие требования. Отмечай, что прямо указано в документе, а что является твоим предложением.

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

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

Пока не генерируй изображения. Если данных недостаточно, задай вопросы».

Что получилось на этом этапе?

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

И уже после этого я перешла к самой интересной части — генерации визуальных решений.

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

А пока интересно: у вас есть отдельные правила оформления учебных материалов или вы тоже каждый раз адаптируете корпоративный брендбук под конкретный проект?

Часть 1/2
Корпоративный брендбук есть. А как по нему оформить учебный лонгрид?
С этим вопросом я столкнулась, когда начала разрабатывать учебные материалы для одного из проектов | Сетка — социальная сеть от hh.ru