Найти в Дзене
Gutor Production

PPTX – мёртв! Разбор создания генеративной презентации на примере кейса BITRIX24

Конференция, образовательная программа, форум — мероприятия, которые не обходятся без презентаций на экранах.
Презентации на экран — самое слабое место таких мероприятий с точки зрения дизайна:
— внешний вид никогда не соответствует дизайн-коду мероприятия.
Генеративная презентация — спасательный круг, снимающий обе эти проблемы, — мгновенно приводит разные презентации к общему визуальному знаменателю.
«Bitrix24.Berlin» «Bitrix24.Berlin» (Калининград, 2021г) — международная презентация нового программного продукта компании Bitrix24 в формате онлайн-конференции. Съёмки проходили в студии, где наша компания осуществляла полный технический продакшн с сет-дизайном двух сцен.
Bitrix24 — компания крупная, в том числе там есть дизайн-отдел, который подготовил презентации в едином стиле. Шаблон типовой статичной презентации с одинаковой фоновой картинкой мы получили заранее. Генеративная презентация GP Генеративная презентация GP Прекрасно осознавая, что презентации «последнего дня» част
Оглавление
Фрагмент эфира|Генеративная презентация GP
Фрагмент эфира|Генеративная презентация GP

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

Презентации на экран — самое слабое место таких мероприятий с точки зрения дизайна:

— внешний вид никогда не соответствует дизайн-коду мероприятия.

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

Бэкстейдж|Генеративная презентация GP
Бэкстейдж|Генеративная презентация GP

«Bitrix24.Berlin»

«Bitrix24.Berlin» (Калининград, 2021г) — международная презентация нового программного продукта компании Bitrix24 в формате онлайн-конференции. Съёмки проходили в студии, где наша компания осуществляла полный технический продакшн с сет-дизайном двух сцен.

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

Шаблон презентации от Bitrix24
Шаблон презентации от Bitrix24

Генеративная презентация GP

Скриншот интерфейса генеративной презентации GP для Bitrix24
Скриншот интерфейса генеративной презентации GP для Bitrix24

Генеративная презентация GP

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

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

Фрагмент анимированной генеративной презентации GP для Bitrix24|Генеративная презентация GP
Фрагмент анимированной генеративной презентации GP для Bitrix24|Генеративная презентация GP

Интерфейс управления генеративной презентацией повторял функциональность Power Point в части навигации по слайдам:

1. переключение слайдов в обе стороны

2. выбор слайда по номеру

3. управление кликером

4. слайд для телесуфлера

А ещё в интерфейсе были предусмотрены «ползунки-слайдеры»:

— для управления скоростью анимации фона и транзишнов

— для управления параметрами изображения (размытие и цвет)

Скриншот интерфейса генеративной презентации GP для Bitrix24|Генеративная презентация GP
Скриншот интерфейса генеративной презентации GP для Bitrix24|Генеративная презентация GP

День мероприятия

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

Визуализация работы PPTX-презентации Bitrix24|Генеративная презентация GP
Визуализация работы PPTX-презентации Bitrix24|Генеративная презентация GP

Кроме того, когда мы вывели презентации на LED экран, оказалось, что на камеру цвета презентации и студии не совпадали. Зелёный цвет фона на несколько оттенков отличался от цвета декораций студии. Это полностью разрушало дизайн-концепцию эфира, так как экран начинал смотреться инородным элементом.

Здесь необходимо отметить, что цвета напечатанных, окрашенных и светодиодных элементов декораций подбирались чётко под цвета презентации.

Несоответствие цветов в сет-дизайне и на экране|Генеративная презентация GP
Несоответствие цветов в сет-дизайне и на экране|Генеративная презентация GP

Если откатиться от концепции генеративного дизайна назад в ХХ век, что надо было бы делать:

— поменять статичную картинку;

— поменять фон каждого слайда в PowerPoint;

— загрузить новую версию PPTX-презентации на медиа-сервер;

— вывести на экран;

— убедиться что цвета не совпали;

— повторить процедуру.

Генеративное ПО позволило нам мгновенно исправить цвета и увидеть изменения в кадре.

Было
Было
Стало
Стало

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

Фрагмент эфира онлайн-конференции Bitrix24.Berlin|Генеративная презентация GP
Фрагмент эфира онлайн-конференции Bitrix24.Berlin|Генеративная презентация GP

Любой моушн дизайнер скажет: «Да я сделаю такую графику за час!»

Что ж, посмотрим, какую графику он сделает за час для 1000 слайдов!

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

Последние полтора года мы развиваем этот продукт, и сейчас «Генеративная презентация GP» – уникальный Event-инструмент. Отталкиваясь от фирменного стиля и общего оформления мероприятия, он использует исходные презентации в качестве входных данных, на выходе предоставляя полноценный, анимированный видеоконтент, сведённый к единому визуальному дизайн-стандарту органично вписанный в любые экранные поверхности.