Говорите визуально. Receive practical tips on how to communicate visually,
right in your inbox.
Визуализация данных в виде графиков и диаграмм – это эффективный способ заинтересовать аудиторию и сделать информацию доступной для восприятия.
Тем не менее, статичной диаграммой сегодня никого не удивить. Чтобы оживить презентацию и привлечь внимание зрителей, попробуйте не только визуализировать, но ещё и анимировать ваши данные.
Помимо того, что это интересно выглядит, анимация помогает аудитории лучше понять и усвоить информацию, которую вы хотите до нее донести.
Посмотрите, как в этом примере столбцы диаграммы постепенно растут до нужных значений.
Такая анимированная диаграмма привлечет взгляд зрителей именно к тому, на чем вы захотите заострить их внимание. Это практически невозможно сделать с помощью статичной диаграммы, которая полностью видна пользователям с первого момента.
В редакторе Visme легко создавать анимированные графики и диаграммы. Кроме того, вы можете добавить интерактивные функции, такие как всплывающие элементы или эффекты при наведении указателя.
В этом кратком руководстве мы расскажем, как создавать анимированные графики и диаграммы в Visme – попробуйте сделать это в вашем следующем проекте или отчете.
Мы также подготовили короткое обучающее видео для YouTube, из которого вы узнаете, как создавать графики и диаграммы в Visme всего за несколько кликов.
Все графики и диаграммы в библиотеке Visme по умолчанию анимированы, но вы можете изменить анимацию по своему вкусу или отключить ее.
Ниже вы можете прочитать наше подробное руководство со скриншотами.
Чтобы создавать анимированные графики и диаграммы, не обязательно использовать сложные программы или заказывать эти услуги у профессионалов – в редакторе Visme это можно сделать самостоятельно и всего за несколько кликов.
Прежде чем читать это руководство, мы советуем вам зарегистрировать бесплатный аккаунт в Visme. Так вам будет проще следить за нашей инструкцией, и вы сразу сможете применить ее на практике.
Приступим!
Войдите в личный кабинет Visme. Вы увидите главную панель, где сохранены все ваши текущие и прошлые проекты. Здесь же можно создать новый проект.
На боковой панели слева нажмите кнопку Create (Создать).
Вы можете выбрать готовый шаблон или начать с чистого листа.
Выберите любой шаблон презентации, инфографики или отчета. Вы также можете выбрать для просмотра только шаблоны, в которых есть диаграммы, введя слово «chart» (диаграмма) в поле поиска сверху.
Если вы хотите создать отчет с разными типами диаграмм, откройте категорию Documents → Reports (Документы → Отчеты) и выберите один из подходящих шаблонов.
Отчеты также можно фильтровать по ключевым словам – например, если ввести в поле поиска «education» (образование), вы увидите шаблоны, которые подойдут образовательным организациям.
В редакторе Visme вы можете создать новую диаграмму, открыв на панели слева вкладку Data (Данные), или отредактировать диаграмму в шаблоне, нажав на нее.
При любом из этих действий на макете появится инструмент редактирования диаграмм, а на боковой панели слева – таблица для ввода данных. Введите нужные данные в эту таблицу.
Это можно сделать любым из следующих способов:
В этой статье вы найдете подробные сведения о том, как импортировать данные и подключать таблицы.
Выберите тип диаграммы или графика, который поможет наглядно показать ваши данные.
Возможно, вы задались вопросом, почему этот шаг идет уже после того, как вы добавили данные. Идея в том, что так вы сможете поэкспериментировать, выбирая разные типы диаграмм, и посмотреть, какие из них лучше справятся с вашей задачей.
В инструменте редактирования диаграмм вы увидите разные типы – попробуйте выбрать каждый из них. В Visme есть более 20 разных типов диаграмм, включая столбчатые, круговые, кольцевые, линейные и другие диаграммы.
Если данные выражены в процентах, вам отлично подойдет круговая или кольцевая диаграмма. Если вы хотите сравнить данные за разные периоды, для этого лучше использовать линейную диаграмму.
Это необязательный шаг, но при необходимости вы можете добавить дополнительные наборы данных и сравнить их с первым набором, используя анимированную диаграмму.
Просто добавьте дополнительные ряды данных под имеющимися.
Например, если вы хотите сравнить посещаемость культурных событий в разных странах, вы можете сделать это с помощью столбчатой диаграммы, как в примере выше.
Посмотрите, как к диаграмме автоматически добавляется анимация.
Когда вы добавите все нужные данные, можно перейти к настройке внешнего вида графика или диаграммы.
Вы можете настроить все цвета, включая цвет каждого столбца, линии или сегмента круга, а также цвета фона, подписей и заголовков.
Цвета можно выбрать из вашей палитры, в которой сохраняются все цвета, ранее использованные в этом проекте. Вы также можете ввести шестнадцатеричный код нужного цвета.
Если вы склоняетесь к более профессиональному и классическому дизайну, рекомендуем выбрать монохромную палитру, то есть просто оттенки и тона одного и того же цвета.
Но не забудьте проверить, насколько хорошо эти цвета сочетаются с дизайном и цветами отчета, презентации или инфографики в целом.
Когда вы выберете цветовую схему, настройте другие элементы, такие как заголовок и подзаголовок диаграммы или графика.
Вы также можете изменить цвета и шрифты, настроить оси, легенду и показ значений. Помимо этого, вы можете включить отображение подписей по наведению указателя, что сделает вашу диаграмму интерактивной.
Ещё можно выбрать разные стили анимации или просто отключить ее.
Теперь пришло время проверить, довольны ли вы тем, что получилось. Нажмите на кнопку Present (Показать) вверху экрана, чтобы посмотреть презентацию.
В этом режиме вы увидите эффекты анимации, которые вы добавили к диаграмме или графику, а также значения, которые появляются по наведению указателя.
Чтобы опубликовать анимированную диаграмму и поделиться ей с коллегами, просто нажмите на кнопку Share (Поделиться) вверху экрана.
Выберите подходящий вариант:
Если вы хотите загрузить проект в виде статичного изображения, скачайте его в формате JPG, PNG или PDF. Если же вы не хотите терять анимацию, проект можно скачать в формате HTML5.
Чтобы создать анимированную диаграмму в Visme, вам понадобится всего несколько минут. Для этого не нужно обладать опытом в дизайне или анимации и не понадобятся специальные программы.
Создавать красивые визуализации данных и добавлять к ним анимацию и интерактивные функции можно прямо в браузере.
Если вы еще не пробовали создавать проекты в Visme, зарегистрируйтесь бесплатно и пользуйтесь нашим сервисом в течение неограниченного времени.
Мы будем рады узнать ваше мнение о нас. Просто оставьте комментарий ниже, и мы свяжемся с вами!
Создайте дизайн бренда для своего бизнеса, независимо от вашего уровня подготовки.
Попробуйте Visme бесплатно