Денис Запорожан — ex-креативный директор Студии инфографики РИА Новости. На конференции Visual Conf он рассказал, как переводить данные в наглядные образы.
Записали самое интересное.
Анимация в инфографике показывает, как менялись данные в динамике, может разбавить монотонный контент и «оживить» презентацию.
Ее используют в двух случаях:
1. Для создания WOW-эффекта. Так поступают в продажах, чтобы привлечь внимание к коммерческому предложению.
Весь бизнес-контент в удобном формате. Интервью, кейсы, лайфхаки корп. мира — в нашем телеграм-канале. Присоединяйтесь!
2. Если объяснить процесс по-другому сложно. Например, когда нужно показать, как двигаются по сцене танцовщики.
Объяснение танцевального фрагмента из «Лебединого озера» при помощи анимации
#1. Эксплейнеры объясняют сложные явления «на пальцах». Помогают понять принцип работы устройств. Показывают траекторию движения предметов и динамику изменений во времени. В 2014 Vox запустил канал на YouTube, где регулярно выходят эксплейнеры на разные темы. Ролики мгновенно завоевали популярность аудитории, и сегодня канал насчитывает 6 млн подписчиков. В 2018 году Vox совместно с Netflix запустил сериал Explained, где тоже используются эксплейнеры.
В интервью Vox с Бараком Обамой его фразы сопровождает анимированная инфографика
Формат делает очевидными важные цифры, факты, явления. «Вытаскивает наружу» то, что не способна уловить на слух неподготовленная аудитория. Такая инфографика нужна не только в СМИ, но и при подготовке обучающих видео.
#2. Анимация помогает объяснить сложные технические процессы. Рассказать, как работают устройства. Когда действие повторяется шаг за шагом, лучше использовать формат gif.
Этому формату больше 30 лет, и он до сих пор популярен в интернете. Его часто включают в презентации и другие креативные форматы. «Гифками» иллюстрируют лонгриды.
Их используют и в развлекательных, и в научных целях. Кандидат биологических наук из Вашингтонского университета Элеанор Лутц применяет гифки для описания сложных биологических процессов. Например, чтобы показать студентам траекторию движения птичьих крыльев.
СМИ часто используют анимированную инфографику (The Guardian, Financial Times, AJ+).
Отличный пример размещения анимированной инфографики в соцсетях — у The Financial Times. Это настоящий сторителлинг.
Схема распространения огня при пожаре в Нотр Даме. Фото: скриншот поста в Instagram-аккаунте FT
К материалу можно добавить текст в комментариях и даже эмоджи. Это заинтересует аудиторию и вовлечет ее в обсуждение.
«Гифки» или анимированные видео могут стать альтернативой более сложной JavaScript-анимации. Они позволяют показать, как данные перестраиваются в динамике. Например, как менялся спрос на один и тот же продукт в разные сезоны. Пример реализации формата — «живые диаграммы» на rhythm-of-food.net.
#3. Картографическая анимация — самый молодой тип инфографики. Она позволяет показать, как и с какой скоростью менялись процессы. Помогает отследить природные и социальные явления в динамике, спрогнозировать изменения.
Чтобы освоить этот подход, дизайнеру нужно изучить несколько инструментов:
1. GEOlayers — плагин для анимации карт в After Effects. С GEOlayers легко импортировать географические векторные данные и наносить на карту отметки. Разобраться в инструменте поможет видеокурс.
2. Nodebox.net — среда визуального программирования. Она использует язык Python и позволяет строить анимированные схемы. Данные можно конвертировать в графику. Можно наносить точки на карту вручную.
Earth Studio от Google — сервис для имитации аэросъемки. Он позволяет управлять параметрами движения камеры: настраивать углы, повороты, плавность наезда. Такие карты — альтернатива съемке с квадрокоптеров, запрещенной во многих крупных городах. Интегрирован с Adobe After Effects.
Хотите получать дайджест статей?
