Видео уроки инфографика: videoinfographica — блог о видео, дизайне, графике и маркетинге

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

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

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

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

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

В этом кратком пошаговом руководстве мы покажем вам, как легко создать анимированную инфографику с помощью Visme, которая обязательно понравится вашей аудитории.

Вы также можете посмотреть наше быстрое 5-минутное обучающее видео по созданию инфографики в Visme, прежде чем читать дальше, чтобы узнать больше о наших анимированных функциях.

1 Создайте новый проект.

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

После входа в панель управления Visme нажмите кнопку Create в верхней части левой боковой панели.

2 Выберите шаблон.

После того, как вы нажмете Create , вы сможете просмотреть все тысячи вариантов шаблонов Visme. Наше обновление Visme Unleashed обеспечивает еще большее удобство навигации, чтобы найти именно тот шаблон, который вам нужен.

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

У вас также есть возможность начать с чистого листа, если вы хотите создать новый дизайн полностью с нуля. Мир в ваших руках, делайте то, что хотите!

В этом уроке мы будем использовать 5-шаговый анимированный шаблон инфографики «Как мыть руки».

3 Вставьте собственный текст.

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

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

4 Добавьте анимированную графику.

Visme предлагает различные типы анимированной графики для добавления в ваш дизайн для создания анимированной инфографики.

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

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

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

Каждая анимированная графика Visme полностью эксклюзивна для нашей платформы и была специально разработана нашей собственной командой дизайнеров.

5 Создание анимированных эффектов входа и выхода.

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

Visme упрощает задачу, предоставляя вам доступ к 14 различным типам эффектов входа и выхода.

Просто щелкните объект, который вы хотите анимировать, щелкните Действия, , затем Анимация , чтобы просмотреть свои параметры.Выберите тип анимации входа для элементов, которые вы хотите оставить на странице, и тип анимации выхода для объектов, которые вы не боитесь вылетать за пределы холста.

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

Легко управляйте временем появления ваших объектов на сцене, щелкнув гамбургер-меню в верхнем левом углу и выбрав Показать список объектов для просмотра временной шкалы.

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

6 Добавьте анимированные диаграммы и графики.

Хотите продемонстрировать данные и статистику в анимированной инфографике? Диаграммы, графики и виджеты данных Visme содержат встроенную автоматическую анимацию, чтобы ваши цифры были понятны вашей аудитории.

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

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

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

7 Создание всплывающих окон.

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

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

Чтобы связать элементы в своей инфографике, щелкните объект, на который нужно щелкнуть, или наведите курсор мыши, чтобы появился второй объект.

Затем щелкните меню Действия , щелкните Ссылка , а затем выберите параметр Всплывающее окно . Затем вы можете выбрать, какой объект будет отображаться, когда пользователь нажимает или наводит курсор на выбранный элемент.

Имейте в виду, что объекты автоматически получают общие имена при добавлении в вашу инфографику.

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

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

8 Вставить видео.

Еще один отличный способ добавить элементы анимации и интерактивности в вашу инфографику — встроить видео с помощью вкладок Media или Apps на левой боковой панели в редакторе.

Вкладка Media позволяет вам встраивать любой тип онлайн-контента, если у вас есть URL-адрес или код iframe. Корпоративные учетные записи даже получают доступ для встраивания HTML-кодов в свои Vismes.

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

Вкладка Apps позволяет ссылаться на различные видеоприложения (и скоро появятся другие!), Так что вы можете просто вставить приложение YouTube или Vimeo прямо в Visme.

9 Добавьте ссылки.

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

Щелкните объект, на который нужно установить ссылку (например, значок социальной сети в нижнем колонтитуле инфографики), перейдите в меню Действия , щелкните Ссылка и затем добавьте свою ссылку на вкладку Интернет .

Как видите, мы ссылаемся на нашу домашнюю страницу в нижнем колонтитуле этой инфографики. Вы можете выбрать, хотите ли вы, чтобы ваша ссылка открывалась в том же окне или в новом окне, как в обычных сообщениях в блогах и на веб-страницах.

10 Настройте шрифты и цвета.

Перед окончательной доработкой дизайна убедитесь, что вы настроили шрифты и цвета (если хотите), чтобы они соответствовали вашему бренду, вашему контенту или только вашим любимым цветам.

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

11 Поделитесь со своей аудиторией.

Наконец-то пришло время поделиться своим новым анимационным шедевром! Лучший способ сделать это и обеспечить доступность всей вашей анимации и интерактивности — это встроить инфографику в сообщение в блоге или на веб-страницу.

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

И вы также можете проверить все элементы анимации и интерактивности, которые мы добавили в инфографику, которую мы создали в этом сообщении в блоге:

Visme также позволяет пользователям создавать общедоступные или частные ссылки для обмена своими проектами в Интернете, а также для загрузки в различных форматах. Инфографику можно скачать в формате PDF, JPG, PNG или HTML5.

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

Создание анимированной инфографики с помощью Visme Today

Готовы приступить к созданию собственной анимированной инфографики с помощью Visme? Зарегистрируйте бесплатную учетную запись, чтобы начать играть со всеми доступными вам элементами дизайна и создавать свой собственный анимированный шедевр.

Как сделать инфографику за 5 шагов (Руководство)

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

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

1. Обозначьте цели создания инфографики
2. Соберите данные для своей инфографики
3. Визуализация данных для инфографики
4. Создайте свой макет с помощью шаблона инфографики
5. Добавьте стиля своему инфографическому дизайну, чтобы он выделился

СОЗДАТЬ ИНФОГРАФИКУ

Давайте рассмотрим каждый шаг более подробно.

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

Сделайте краткий обзор темы

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

СОЗДАТЬ ИНФОРМАЦИЮ

Объясните и упростите сложный процесс

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

СОЗДАТЬ ИНФОРМАЦИЮ

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

СОЗДАТЬ ИНФОРМАЦИЮ

СОЗДАТЬ ИНФОРМАЦИЮ

Показать результаты исследования или данные опроса

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

СОЗДАТЬ ИНФОРМАЦИЮ

Подведите итоги длинного сообщения в блоге или отчета

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

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

СОЗДАТЬ ИНФОРМАЦИЮ

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

СОЗДАТЬ ИНФОРМАЦИЮ

Сравните и сопоставьте несколько вариантов

Когда вам предлагаются два хороших варианта, как вы принимаете решение? Запишите плюсы и минусы каждого из них.Инфографика сравнения — это визуальный способ сравнить продукт, планы, аргументы и идеи:

СОЗДАТЬ ИНФОРМАЦИЮ

Повышение осведомленности о проблеме или причине

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

СОЗДАТЬ ИНФОРМАЦИЮ

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

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

Я имею в виду четких, конкретных, достижимых коммуникационных целей .

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

Затем воспользуйтесь пирамидой вопросов , чтобы взять эту животрепещущую проблему и превратить ее в 3-5 действенных вопросов для решения в своей инфографике:

Эти вопросы станут основой для построения инфографики и помогут рассказать интересную историю.

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

Давайте рассмотрим пример. В этой инфографике описаны этапы процесса разработки продукта:

Актуальная проблема, которую они пытаются решить, — «какие этапы процесса разработки продукта?» Их пирамида вопросов может выглядеть примерно так:

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

Вернуться к содержанию

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

Если у вас есть собственные данные, отлично — можете переходить к третьему шагу! Если нет, не волнуйтесь.Вам доступны тонны общедоступных данных (одни только США производят около 2,7 миллиона ГБ данных в минуту), если вы просто знаете, где искать.

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

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

• Используйте кавычки для поиска точной фразы
  • Например, «этапы процесса разработки продукта»
• Используйте знак минус, чтобы исключить термины из поиска
  • Например, дизайн продукта -работы
• Добавьте «данные» к поисковой фразе
  • Например, дизайн продукта данные
• Добавьте файл формата, специфичного для данных (например,грамм. xls, csv, tsv) к поисковой фразе
  • Например, дизайн продукта xls

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

• Открытые данные правительства США: данные обо всем, от сельского хозяйства, климата и экосистем до образования, здравоохранения и общественной безопасности
• Данные переписи населения США для социальных, экономических исследований и исследований в области здравоохранения: U.Данные переписи S. с 1790 г. по настоящее время
• Statista: Исследование рынка
• Kaggle: загружаемые пользователями наборы данных по всему, от плиток шоколада до финансирования стартапов
• Pew Research: исследования демографии, общественного мнения, медиа-контента и т. Д.
• Исследование использования времени в Америке: данные о количестве времени, которое американцы проводят, занимаясь различными видами деятельности, такими как сон, еда и занятия спортом.
• Google Trends Datastore: тщательно отобранные наборы данных из лаборатории новостей Google
• Google Scholar: удобная система поиска академических публикаций
• Data is Plural: тщательно подобранный список интересных и актуальных наборов данных, обновляемый еженедельно.
• AggData: данные о местонахождении предприятия
• Cool Datasets: самопровозглашенное «место, где можно найти интересные наборы данных»

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

Вернуться к содержанию

Теперь у вас есть вопросы, на которые вы хотите ответить, и данные, необходимые для ответа на них. Следующим шагом должно стать решение, как представить эти данные визуально.

В этом видео обобщается наш простой метод выбора лучших диаграмм для вашей инфографики:

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

• I нформ,
• C по сравнению,
• C подвесная,
• O организация,
• R eveal Relations, или
• E xplore.

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

Давайте рассмотрим по очереди для каждой цели:

Вы хотите передать важное сообщение или данные, для понимания которых не требуется особого контекста.

Выделите числовую статистику с помощью большого, жирного, красочного текста:

Требуйте дополнительного внимания, сочетая значки с текстом:

Выделите процент или коэффициент с помощью кольцевой диаграммы или пиктограммы:

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

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

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

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

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

Вы хотите показать тенденции во времени или пространстве.

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

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

Вот пример инфографики временной шкалы:

СОЗДАТЬ ИНФОРМАЦИОННУЮ ЛИНИЮ

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

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

Вы хотите показать группы, шаблоны, ранг или порядок.

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

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

Используйте блок-схему, чтобы показать порядок в процессе.

Используйте простые рамки или рамки для отображения организованных групп (как показано на диаграммах Венна и интеллектуальных картах).

Вот пример инфографики интеллект-карты:

СОЗДАТЬ ИНФОГРАФИЧЕСКУЮ КАРТУ РАЗУМА

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

Вы хотите выявить более сложные отношения между вещами.

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

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

СОЗДАТЬ ДИАГРАММУ

Вы хотите, чтобы читатель изучал данные и сам делал выводы.

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

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

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

Вернуться к содержанию

Осталось только верстка и дизайн.

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

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

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

Размещение элементов с помощью предопределенной симметричной сетки — это простая тактика, которая мгновенно улучшит вашу инфографику.

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

Используйте центрированный макет с одним столбцом для контента с линейным потоком:

Источники: Everlane.com, Ziploc.com

Используйте макет с двумя столбцами для сравнения. Ниже приведен пример сравнительной инфографики:

Источники: RemoteRelief, The Guardian, FoodBeast

Рассмотрите возможность использования многосекционного макета, когда порядок чтения менее важен:

Источники: Лорен Конрад, Lemonly

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

Связанные : 7 советов по созданию хорошей инфографики

Сделайте инфографику с помощью готового инфографического шаблона

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

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

Это краткое видео-руководство поможет вам выбрать лучший тип инфографики для ваших данных:

Есть список или процесс? Найдите центрированный шаблон инфографики в одну колонку, чтобы гарантировать, что каждый шаг читается по порядку. Ниже приведен пример инфографики процесса:

Хотите сравнить две диаграммы? Найдите шаблон инфографики из двух столбцов:

Есть 3 одинаково важных характеристики? Найдите шаблон инфографики с тремя столбцами:

Есть тонны данных? Найдите минимальный шаблон инфографики с 4 или 5 разделами:

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

Когда у вас есть шаблон инфографики, просто замените его содержанием, и вперед в гонки.

Вернуться к содержанию

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

Начните с вашего текста.

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

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

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

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

Помните те сетки, о которых мы говорили ранее? Самый простой способ собрать вашу композицию — повторить базовые формы, чтобы усилить основную сетку:

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

Или добавьте значки, чтобы закрепить важные концепции в тексте.Сохраняйте одинаковый цвет, стиль и размер значков и объедините все вместе с помощью дополнительных форм фона:

Что бы вы ни делали, убедитесь, что повторяющиеся элементы, которые вы добавляете, выровнены! Даже небольшие перекосы могут нарушить баланс:

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

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

СОЗДАТЬ ШАБЛОН

Негативное пространство (также известное как пробел) относится к областям страницы, не содержащим текста или изображений. Любой дизайнер скажет вам, что негативное пространство так же важно, как и любой другой элемент дизайна.

Точно так же, как при фотографировании вы оставляете пространство по обе стороны от объекта, вы должны оставить пространство вокруг каждой основной группы элементов в вашей инфографике.

Это означает наличие полей по краям инфографики:

И промежутки между несвязанными элементами, позволяющие сразу понять, какие элементы сгруппированы вместе:

Пробел также влияет на то, как мы читаем цвет — гораздо проще заставить цвета гармонично сочетаться друг с другом, добавив немного пробелов:

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

Наконец, мы подошли к цвету. Есть причина, по которой я оставил это до конца. Хотя цвет — мощный инструмент коммуникации, действительно отличный дизайн инфографики должен эффективно общаться в черно-белом цвете. Думайте о цвете как о дополнительном бонусе — способе помочь читателю понять ваш контент.

Используйте цвет, чтобы выделить важную информацию:

Или для группировки связанных элементов:

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

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

Вот и все! Если вы не забудете подумать о шрифтах, повторении и выравнивании, отрицательном пространстве и цвете, ваша инфографика обязательно получится хорошо.Ознакомьтесь с крупнейшими тенденциями графического дизайна 2020 года, чтобы получить еще больше идей.

Вернуться к содержанию

1. Обозначьте цели создания инфографики
2. Соберите данные для своей инфографики
3. Визуализация данных для инфографики
4. Создайте свой макет с помощью шаблона инфографики
5. Добавьте стиля своей инфографике, чтобы выделить ее

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

создание шаблона инфографики карты

В этом обучающем видео показано, как создать инфографику на Mind the Graph. Шаблоны инфографики для наших пользователей, поэтому им не нужно начинать с чистого листа. Это лучший способ сэкономить время и создать что-то привлекательное.

В обучающем видео ниже вы узнаете, как создать инфографику в Mind the Graph.Тема недели — «карта».

Обучающее видео о том, как создать привлекательную инфографику о вакцинации с научными иллюстрациями в Mind the Graph, создателе инфографики для ученых и академиков. Мы превращаем ученых в дизайнеров, чтобы усилить их влияние!

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

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

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

Mind the Graph — это онлайн-платформа для создания научной инфографики, презентаций и графических рефератов. Узнайте, как использовать различные иллюстрации в графическом аннотации.

Чтобы увидеть более красивые шаблоны: https://mindthegraph.com/templates/

Чтобы начать использовать Mind the Graph бесплатно: https://mindthegraph.com/

Чтобы научиться делать инфографику: https://goo.gl/MYBmRd.

Создавайте красивую научную инфографику без особых усилий

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

Фабрицио Памплона

Фабрицио Памплона является основателем Mind the Graph — инструмента, которым пользуются более 400 тысяч пользователей в 60 странах. Имеет докторскую степень. и солидный научный опыт в психофармакологии и опыт работы в качестве приглашенного исследователя в Институте психиатрии Макса Планка (Германия) и исследователя в Институте исследований и образования Д’Ор (IDOR, Бразилия). Фабрицио получил более 2500 ссылок в Google Scholar. Он имеет 10-летний опыт работы в малых инновационных предприятиях, а также соответствующий опыт в области разработки продуктов и управления инновациями.Свяжитесь с ним в LinkedIn — Фабрицио Памплона.

5 коротких инфографических видео-советов для увеличения количества публикаций и просмотров

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

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

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

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

Вместо этого мы собираемся внимательнее рассмотреть недавнее исследование снижения продолжительности нашего внимания.

Исследование, проведенное учеными из Технического университета Дании, показывает, что способ представления информации для использования в наши дни вызывает спад в нашей коллективной концентрации внимания. В исследовании, опубликованном в Nature Communications, была собрана информация и изучены данные из Twitter, Google Книги, продажи билетов в кино, Reddit и даже цитаты из научных публикаций.

Исследователи пришли к следующему выводу:

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

Итак, что это значит для вас как для создателя контента или продавца видео?

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

Насколько короткими должны быть ваши видео с инфографикой?

Добавьте в закладки инфографику ниже и используйте приведенные ниже рекомендации HubSpot в качестве руководства.

Стоит отметить, что рекомендации HubSpot по длине видео следует рассматривать как практическое правило, которое можно нарушить при необходимости.

Например, нет необходимости сокращать 8-минутное обучающее видео по продукту до 2-х минут только потому, что это стандарт. Все сводится к вашему типу контента, типу аудитории и вашей цели видеомаркетинга.

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

Подчеркните лидерство с помощью инфографических видеороликов

Лидерство в маркетинге — это когда ваш бренд демонстрирует себя лидером в своей нише посредством исследований и новых перспектив.

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

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

Вот отличный пример приложения для медитации Headspace. На момент написания их видео Training the Monkey Mind было просмотрено более 18 миллионов раз.

Если вы зайдете на их канал YouTube, вы найдете обширную библиотеку видеоконтента о медитации, исследованиях, стоящих за ней, и советы, как придерживаться постоянной привычки к медитации. Они действительно стали лидерами мысли в области медитации.

Когда вы хотите сформировать интеллектуальное лидерство с помощью инфографических видеороликов, начните с идей или идей, которые имеют отношение к вашей целевой аудитории. В чем их борьба? Что их расстраивает? Разобравшись с ними, выделите их в своем видео и представьте экспертное мнение или новую точку зрения на их болевые точки или решения.

Создать инфографику «О нас»

Видео «О нас» рассказывают, кто вы и чем занимаетесь как компания. Но это еще не все.

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

• Чем вы можете мне помочь?
• Почему мне выбрать именно вас?
• Чем вы отличаетесь от остальных?

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

Поделитесь отзывами клиентов или тематическими исследованиями

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

YDraw — отличный тому пример.

Делайте демонстрации продуктов или инструкции

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

Cafe Imports, импортеры высококачественного зеленого кофе, проделали фантастическую работу, объединив инфографику и видеоконтент в своей серии видеороликов Roasting Concept. В этой прогрессивной коллекции обучающих инфографических видеороликов Cafe Imports исследует три основных элемента обжарки кофе: семена, машину и вкус.

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

Представление выпусков или обновлений продуктов

Еще один способ использования видео с инфографикой — представить новый продукт / услугу или выделить обновление. Это не только познавательно для вашей аудитории, но и помогает им понять новые функции или возможности ваших продуктов / услуг.

Внимательно посмотрите следующее инфографическое видео от Dropbox.

В прошлом году они объявили о новых функциях и партнерстве с Atlassian, Slack и Zoom.Менее чем за две минуты видео с инфографикой они смогли раскрыть, что нового в приложении, как для новых, так и для старых пользователей.

Как побудить людей поделиться вашими инфографическими видео

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

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

1. Расскажите историю и вызовите эмоции

Какой последний фильм, сериал или книга произвел на вас впечатление «прямо сейчас»?

В какой-то момент всегда есть история, которую вы читали, смотрели или слышали от друга, которая находит отклик у вас. Каждому может понравиться хорошая история. Почему? Потому что он обращается к основным человеческим эмоциям: радости, гневу, печали, восторгу, страху и многому другому.

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

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

2. Выделите соответствующую проблему

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

Как вы это делаете?

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

3. Завершите призывом к действию

Еще один способ сделать ваше видео более популярным — побудить или напомнить зрителям о необходимости делиться, подписываться, комментировать или вносить предложения для будущих видео с инфографикой. Это может звучать как совет «здравого смысла», но многие создатели видеоконтента пропустили этот шаг, особенно те, кто новичок в этом ремесле.

Ваш следующий шаг к созданию коротких видеороликов с инфографикой

Если вы дошли до конца этой статьи, вы готовы приступить к работе со своими короткими видео с инфографикой.Загружаете ли вы видео на YouTube или публикуете фрагмент на Facebook, помните, что видеоролики с инфографикой, которыми вы делитесь, — это те, которые приносят наибольшую пользу вашей аудитории.

Как только вы начнете создавать короткие видеоролики с инфографикой, вам понадобится лучшая программа для редактирования видео. Найдите все доступные решения и выберите подходящее для себя — только на G2!

Создание адаптивной инфографики в After Effects

Вам нужна привлекательная инфографика для фильма или видеопроекта? В этом видеоуроке вы узнаете, как создать свой собственный в After Effects.

Хорошая инфографика оживляет скучные данные, позволяя зрителям визуализировать сложные проблемы. Они чрезвычайно полезны и являются идеальным проектом для реализации в Adobe After Effects — вам понадобится всего несколько минут и немного опыта. В этом пошаговом руководстве я покажу вам, как быстро собрать адаптивный круговой график.

Приступим.

Шаг 1. Постройте графику

Как вы можете видеть в приведенном выше примере, моя анимация состоит всего из нескольких элементов.В частности, у меня есть три текстовых изображения и анимированный кружок. Число и круговой график анимируются одновременно. У меня также есть большой символ процента на заднем плане. Для начала я быстро воссоздаю элементы этого рисунка.

Во-первых, чтобы создать круговой график, я выберу инструмент формы эллипса. Я изменю настройки Заливки и Обводки на панели инструментов, установив Заливку на «Нет», а обводку на «Сплошная». Затем сделаю обводку очень толстой (300 пикселей). Затем я немного уменьшу размер слоя с фигурой и выровняю его по центру композиции.Теперь я могу быстро добавить текст, включая номер графика, символ процента и заголовок в нижнем левом углу.

Когда вся графика на месте, я готов подготовить ее к анимации.

Шаг 2. Обрезка дорожек

Чтобы оживить инфографику, мне нужно добавить аниматор к моему круговому графику. Сначала я перейду к кнопке меню «Добавить» слоя-фигуры и выберу «Обрезать контуры». Этот инструмент имеет селектор диапазона, который позволяет мне контролировать, какую часть круга я хочу обрезать.Он включает свойства «Начало», «Конец» и «Смещение» контура круга, все из которых настраиваются по ключевым кадрам. Когда я перемещаю конечную сумму, график начнет обрезаться. Я могу изменить направление обрезки в атрибуте Path эллипса.

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

Шаг 3. Добавьте контрольный уровень

Чтобы добавить контрольный слой, я перейду к Layer> New> Null Object и затем просто переименую слой в «Контроллер». В этой конкретной анимации используется ряд выражений, чтобы заставить вещи работать, но пусть это вас не пугает. Мы можем создать эти выражения, используя хорошие старые кнуты, которые довольно легко понять. В последней версии AE даже есть кнут для выбора свойств, а это значит, что вам не нужно вручную добавлять выражение, а затем использовать кнут для выбора выражения.Выбор свойства автоматически добавит выражение для вас.

Поскольку я использую выражение, я хочу использовать контроллер выражения на моем уровне управления. В основном я свяжу свой график с элементом управления выражением, а затем создаю ключевые кадры для контроллера для создания анимации. Чтобы добавить элемент управления, я возьму слой «Контроллер» и выберу «Эффект »> «Элементы управления выражением»> «Ползунок ». Теперь я готов все связать.

Шаг 4. Свяжите элементы

Во-первых, я хочу связать круговой график со слоем контроллера.Для этого я возьму инструмент выбора свойства End на траектории круговой диаграммы. Опять же, инструменты для выбора свойств появились относительно недавно, поэтому, если вы используете старую версию Adobe AE, вам нужно сначала создать выражение для свойства End. Для этого просто нажмите кнопку «Переключить анимацию» для свойства «Конец», удерживая клавишу «Alt». Теперь вы увидите доступное выражение лица.

Перетащите кнут выбора свойства End и отпустите его над ползунком на слое «Контроллер». Вы можете просмотреть ползунок на панели «Элементы управления эффектами» или на временной шкале.После этого вы сможете управлять графиком с помощью ползунка.

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

Шаг 5 — Анимация графика

Анимировать график так же просто, как добавить ключевые кадры к ползунку на слое «Контроллер».Однако как только я просматриваю свою анимацию, я замечаю, что в моих числах используются десятичные дроби. Мне нужно добавить одно последнее выражение, чтобы анимация использовала круглые числа. Для этого я нажму на свой ползунок, удерживая Alt, чтобы добавить выражение. Затем я открою меню языка выражений, щелкнув маленький треугольник. Выберите JavaScript Math> Math.round (value) , а затем voilà . Адаптивная инфографика.

Математическое округление (значение)

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

Ищете другие видеоуроки по After Effects? Проверьте это.

Инфографика | Услуги по обучению и информационным технологиям (IITS)

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

“ Он (инфографика) поддерживает интерес людей, предоставляя повествование и визуальный элемент. к тому, что может быть бесплодным исследованием ».
— Кейтлин МакКейб.

Просмотр видео

По мере роста использования инфографики росло и разнообразие способов ее использования, в том числе:

• представление данных опроса или исследования
• процедурные инструкции
• возобновляет
• сроки

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

Инструкторы

Руководство по назначению инфографики

Студенты

Рабочий лист по планированию учащихся

Печать вашей инфографики

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

alexxlab Автор записи