8 принципов создания отличной инфографики

XVII век — эпоха измерения и теоретических данных

В 1600–1699 годы особое внимание уделялось точным, прикладным наукам. Большое значение имела физика, а точнее измерения расстояния, времени и пространства

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

Создание инфографики на сайте Easel.ly

Онлайн редактор инфографики Easel.ly позволяет не только использовать готовые шаблоны, но также имеет мощный редактор, который позволяет создавать собственные проекты.

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

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

Основные графические элементы, из которых вы можете построить свой проект, скрыты под кнопкой Objects. Если его нажать, появится панель выбора. Выделите поле choose category, чтобы развернуть тематический список. Вы найдете в нём, в частности, категорию banners, в котором вы найдете графику для заголовка. Собственные графические объекты можно передавать с помощью функции upload.

Элементы из палитры можно добавить перетаскиванием в рабочую область. Чтобы на баннере поместить надпись, нажмите кнопку Text и перетащите значок Title. Инструменты позволяют изменить цвет, шрифт, а также прозрачность текста – для этого служит ползунок opacity. Если вы хотите поместить диаграмму, нажмите кнопку Next и выберите один из доступных стилей.

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

Для публикации вы можете скачать инфографику в виде файла PNG или PDF – нажмите Download. В меню Share находятся инструменты, которые позволяют загрузить HTML-код или получить ссылку для внедрения проекта на сайте.

Организация

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

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

Инфографика на Рис. 4 о землетрясениях является результатом сотрудничества между GOOD и Column Five Media. Дизайн не играет здесь главной роли, хотя информация и факты очень удачно организованы. Инфографика включает в себя некоторые важные данные, а также некоторые демонстративные графики.

Топ 5 онлайн инструментов для создания инфографики

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

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

Быстрый факт: инфографика ценится в 21 раз больше, чем текст (недавнее исследование от slideshare).

Сервисы и программы для создания инфографики

Есть несколько популярных сервисов:

  • Piktochart.com – сервис, трансформирующий информацию в визуальные истории. Является самым легким в использовании. Из преимуществ – функция автономной настройки инфографики, большой выбор тем для дизайна и возможность наложить логотип.
  • Creately.com – инструмент, позволяющий легко создавать диаграммы и схемы. Есть возможность выбрать подходящую диаграмму и наложить на нее свои данные, чтобы получилась совершенно новая диаграмма или график.
  • Infogr.am – новая программа, активно внедряющая невероятные возможности. Отлично подходит для создания бесплатных диаграмм и инфографики.
  • Visual.ly – сервис, позволяющий генерировать между собой сразу несколько инфографик.
  • Fluxvfx – инструмент, который позволяет создавать видеоинфографики.
  • Vizualize.me – создает проекты для резюме.

Инфографика в Google Developers Chart

Адрес: https://developers.google.com/chart/

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

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

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

XVIII век — модернизация географических карт

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

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

Краткость

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

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

Большинство катастрофических разливов нефти в мире—инфографика, созданная Travel Insurance . Она точно описывает проблему. Помимо карты с крупнейшими разливами нефти, здесь добавлены более значительные и интересные факты.

Рис. 1. Яркий пример того как, быть кратким и актуальным.

Doodly

doodly.com — у Doodly пробный план отсутствует, за что большой и жирный минус. В то же время в интернете полно видео обзоров по которым можно сложить свое мнение об этом сервисе.

Если хотите заниматься созданием doodle видео или видеоинфографики профессионально — пройдите толковые курсы, используйте After Effects и готовые элементы для него.

Да, это займет больше времени, но точно сэкономите деньги и научитесь чему-то твёрдому за что будут платить $$$.

Слово редактора

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

Автор, руководитель творческой группы. Чел, который отвечает на каждый ваш вопрос.

Goanimate.com

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

Ресурс платный и довольно дорогой. За $39 в месяц вы сможете загружать видео в HD-качестве, но с водяным знаком. За $79 — Full HD и без всяких логотипов сервиса. За 159$ в сервис можно импортировать свои шрифты и создавать гифки. Хотите видео в Full HD? Платите 80 $ в месяц

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

Куча возможностей — и все недоступны

Краткое руководство по работе

Все поля, кроме телефона — обязательные

Теперь выберите тип видео, которое вы хотите создать:

  • Business Friendly — мультипликационный ролик. Вы выбираете декорации, заранее заготовленных персонажей, прописываете, в какое время кто что будет делать, а затем накладываете звук.
  • Whiteboard Animation — дудл-видео. Все изображения и текст рисует рука с карандашом. Довольно интересная (хоть уже и многим приевшаяся) идея.
  • Video Infographics — инфографика. То, что надо!
  • Common Craft — доступно только на подписке, поэтому я посмотреть на эту штуку так и не смог.

Выбирайте Video Infographics — и поехали дальше

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

Пройдите короткое обучение, чтобы познакомиться с основными функциями сервиса

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

Поищите шрифт, который поддерживает кириллицу

Когда закончите создавать видео — нажмите на кнопку «Save» в правом верхнем углу, чтобы сохранить результат.

Нажмите на кнопку Save

Плюсы и минусы сервиса

Что хорошего:

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

Что плохого:

  • Очень дорогой сервис.
  • Всего 14 дней триальной версии.
  • На пробном периоде никак нельзя выгрузить видео.
  • Огромный водяной знак на самом дешевом тарифе.

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

Визуализация

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

Это инфографика (Рис. 3) от Rackscape является выдающимся примером визуализации. Здесь представлена информация о байтах, что может показаться довольно скучным, но всё же авторам удалось подать данные приятным и интересным способом. Каждая порция информации сопровождается большой красочной иллюстрацией.

Прозрачность

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

Это (Рис. 5) еще один пример сотрудничества между GOOD и Column Five Media. Они создали инфографику об электричестве и поставках энергоресурсов в Африку. Это сложная тема, поэтому некоторые люди, возможно, захотят заглянуть в нее глубже. Хотя авторы не дают прямые ссылки, в нижней части инфографики указан список использованных источников.

Venngage – анимированные графики

Адрес: venngage.com

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

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

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

Moovly

Тарифные планы Moovly

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

Как работать с Moovly

Чтобы создать новое видео, зарегистрируйтесь, войдите в свой кабинет и кликните по кнопке «Create new Moov».

Создайте новое видео

Укажите название и описание (необязательно) своей инфографики, выберите тематическую категорию, а затем нажмите «Create».

Придумайте название, укажите категорию — и поехали дальше

Если хотите делать все с нуля — нажмите «Create from scratch». Если нет — в вашем распоряжении пара десятков шаблонов.

Выберите шаблон или начните делать видео с нуля

Редактор откроется в отдельном окне. Всплывающее окошко предложит пройти обучающий тур. Он введет вас в курс дела. Ничего сложного в этом сервисе нет — даже объекты не анимированы.

Пройдите обучение, если хотите

Перетащите на экран какой-нибудь объект из библиотеки слева.

Создайте новый объект

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

Передвиньте отрезок в нужное место и измените его длину

Нажмите на «Choose animation» и выберите анимации появления и исчезания своего объекта.

Выберите красивые анимации для своих объектов и текста

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

Когда закончите, нажмите «S» для сохранения и закройте редактор. После этого найдите свой ролик в галерее и кликните по кнопке «Download» для загрузки или «Publish» для публикации на Youtube или Facebook.

Сохраните готовую видео-инфографику

Плюсы и минусы Moovly

Что хорошего:

  • Самый дешевый среди конкурентов.
  • Бесплатный тариф с неограниченным сроком использования.
  • Видео в 480p можно загружать без платной подписки.
  • Можно не покупать подписку, а платить по несколько долларов за загрузку каждого видео.

Что плохого:

  • Мало возможностей по сравнению с конкурентами.
  • Долго грузится и медленно работает.
  • Не самый удобный интерфейс.
  • Некрасивые изображения в стандартных библиотеках.
  • Нельзя создавать анимированные ролики.
  • Нет инструментов для создания графиков и диаграмм. Только руками рисовать.

Sparcol VideoScribe

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

videoscribe.co — удобный и простой интерфейс, который позволит создавать видеоролики с эффектом прорисовки сюжета от руки.

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

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

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

03.

6 основных этапов создания инфографики

1 этап – выбор темы Ее основные свойства – востребованность и актуальность.

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

3 этап – систематизация Он является наиболее сложным и включает организацию собранной информации и создание плана ее презентации.

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

5 этап – создание основного и второстепенных объектов. Что такое основной или несущий объект? В печатных СМИ – это центральное изображение

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

В анимационной графике существует правило: главный объект должен управляться так же, как главный герой, при этом именно он формирует и несет информационную нагрузку. При линейной последовательности второстепенная информация дается в связи с основным объектом, тогда как при нелинейной – образуются тематические группы или врезки. Для печатных СМИ лучше использовать 2D-иллюстрации. Их выгода в том, что можно использовать сложную подробную детализацию. 3D-иллюстраций в печати выглядят либо слишком научно, либо похожи на видеоигры. Использование 2D иллюстраций со сложной детализацией в интернет СМИ не является правильным решением. Иллюстрации приходится упрощать за счет снижения деталезации. Более того, они статичны; их трудно анимировать, поэтому, если нужно показать сложную последовательность действий, лучше всего подходят векторные 2D и 3D модели: их можно легко изменять и фиксировать в любой позиции.

6 этап – макетирование, постановка. Для печатных СМИ на данном этапе дизайнер сглаживает все элементы на один «слой» и начинает создавать из них информационную композицию, размещая текст. Дизайнер веб- инфографики анимирует элементы, используя Flash, редактирует кадры, накладывает текст или звук, в зависимости от решаемой задачи. Конечно, при анимировании проекта веб-инфографики в программе Flash дизайнеру удобнее разделить контент и дизайн. Это нужно для того, чтобы редактировать текст, графику, звук и др. независимо друг от друга. Финальный флэш-файл может включать в себя только главную навигацию и пустое пространство, предназначенное для контента. Код actionscript, контролирующий действия в этом файле, может быть сохранен отдельно, с расширением “as”. Так можно редактировать код, абсолютно «не касаясь» графики. Текст записывается в отдельный XML-файл, и тоже редактируется отдельно. То же и со звуком в формате MP3.

В печатных СМИ инфографика уже определена в особый стиль презентации информации. В интернете использование инфоргафики – это новый этап развития интернет СМИ. В онлайновой журналистике появилась возможность использовать анимированные 2D и 3D изображения, а также накладывать видео и звук. Интернет- инфографика – огромная площадка для новых дизайнерских идей и экспериментов.

Что такое инфографика

13 ноября 2017 Опубликовано в разделах: Азбука терминов. 42891

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

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

1975– … — интерактивная визуализация в высоком качестве

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

Современная инфографика — это бесконечный источник знаний и прекрасный инструмент для обучения. Например, получать один новый навык, умение или знание в неделю в течение всего 2020 года вы можете вместе с бумажным сборником инфографик Smart Reading. Специально для вас мы подготовили 50 красочных и детальных инфографик по лучшим нон-фикшн книгам и бизнес литературе из нашей библиотеки. А освоить 12 гибких навыков и принципы здоровой и счастливой жизни помогут настенные календари на 2020 год — по одной новой инфографике каждый месяц.

***

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

Примеры

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

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

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

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

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

Инструменты | 5 программ для создания инфографики за 30 минут

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

Canva

Фото: фрагмент сайта www.canva.com

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

В этом веб-сервисе также можно создать разнообразные постеры к социальным сетям: Pinterest, Twitter, Facebook, Tumblr, Instagram. Есть также шаблоны и для документов: писем, резюме и презентаций, сертификатов; для блогов и маркетинговых постеров (афиши, меню, логотипы).

Минус в том, что некоторые шаблоны платные. Основные функции сервиса бесплатны. Стоимость бизнес-план $9,95 в месяц.

Сайт Canva .

Venngage

Фото: фрагмент сайта venngage.com

Онлайн-программа похожая на Canva. В ней можно создать отчеты, плакаты, афиши и инфографику. Есть конкретные шаблоны: под карты, графики, таблицы сравнений. Инфографику можно собрать самому, вставив понравившиеся картинки, иконки или логотипы. Проект можно скачать в PNG или PDF.

Доступны бесплатные шаблоны, но можно приобрести премиум-версию за 15 долларов в месяц.

Сайт Venngage.

Visme

Фото: фрагмент сайта www.visme.co

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

Сайт Visme.

Cacoo

Фото: фрагмент сайта cacoo.com

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

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

Сайт Cacoo.

Сreately

Фото: фрагмент сайта creately.com

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

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

Snappa

Цена: Бесплатно (Стартер); $10/мес (Pro)

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

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

Первый онлайн график на сайте Infogr.am

Создание учетной записи в сервисе infogr.am сводится к вводу логина, пароля и адреса электронной почты.

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

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

На шаблоне следует изменить основные элементы инфографики (название, диаграмму и т. д.). Чтобы изменить текст, щелкните по элементу два раза.

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

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

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

К инфографике можно добавлять дополнительные элементы. Палитру модулей вы найдете с левой стороны. Помимо графиков (1) и текстовых полей (2) вы можете загрузить файл с фото (3) или вставить видео (4). Также доступна функция добавления интерактивных карт (5), служащая для отображения пространственной статистики. В бесплатной версии доступна только карта мира.

Выберите место между блоками инфографики, в котором вы хотите добавить карту, и щелкните значок Add Map в контекстном меню, которое отобразится. Затем выберите тип карты (World), нажмите Insert, а затем нажмите два раза на карте на экране предварительного просмотра (Double click to edit), чтобы отредактировать и дополнить добавленную карту информацией, связанной с темой инфографики.

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

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

Если вы хотите просмотреть инфографику, нажмите на иконку с изображением глаза. Когда инфографика будет готова, нажмите кнопку Publish, а затем Publish for everyone. В окне, которое появится, вы найдете ссылки для своего проекта. Если вы хотите разместить созданную инфографику на своём сайте или блоге, нажмите на вкладку «Embed» и скопируйте HTML-код.

1850 годы — появление современной инфографики

Активное применение графиков и диаграмм создало почву для полноценного развития техники дизайна. В эти годы Министерство Юстиции Франции провело масштабную работу по сбору статистических данных, структурировав информацию о всех судебных делах. Можно сказать, эта сенсационная работа стала началом для прочих социальных дисциплин. Позднее ученые визуализировали статистику распространения холеры в Лондоне, соотнеся благополучность районов с процентом заболевших. Все эти измерения позволили инфографике сделать существенный рывок вперед. Кстати, столбиковые диаграммы, хотя и не в совсем привычном виде, появились уже в 1844 году.

Powtoon

Тарифы сервиса Powtoon

Зато есть полноценный бесплатный тариф (а не пробная версия). На нем можно создавать ролики длиной до 5 минут и публиковать их на YouTube. Убрать водяной знак или скачать видео на компьютер нельзя.

Судя по тому, что на главной странице мелькают такие бренды как Coca-Cola, Cisco и Ebay, — cервис популярен.

Отличное социальное доказательство

Как создавать видео в Powtoon

Зарегистрируйтесь в системе и войдите в свой аккаунт. Вы можете использовать аккаунт на Facebook, Google+ или Linkedin.

Полей для заполнения поменьше, чем у конкурентов

Перейдите в раздел Create с помощью кнопки в меню.

Создаем новую видео-инфографику

Здесь вы можете выбрать один из заранее подготовленных шаблонов или начать все делать с нуля (Start From Scratch). Шаблоны рассортированы по тематическим категориям: маркетинг, фрилансеры, анонсы, отчеты и так далее.

Всего я насчитал 47 шаблонов, считая пустой

Чтобы открыть шаблон и начать редактирование, нажмите «Edit». Следовать заложенной идее не обязательно — можно удалять, добавлять и менять что угодно.

Слева находится список сцен, на которые поделено видео. Вы кликаете по сцене, добавляете на нее элементы, прописываете, в каком порядке и с какой анимацией они будут появляться и исчезать. Чтобы добавить новую, нажмите на кнопку «Add slide».

Создайте новую сцену

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

Чтобы отредактировать объект — просто нажмите на него. Для доступа к расширенным настройкам текста, кликните по кнопке «+T».

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

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

Укажите, в какой момент должен появиться объект, и сколько он просуществует

Кстати, тут есть неплохой туториал. Чтобы открыть его, щелкните по кнопке «Help» слева вверху и выберите пункт «Tour». Обучение, конечно же, на английском.

Курс молодого бойца

Когда закончите делать видео, нажмите на кнопку «Export».

Пора сохранять видео-инфографику

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

Выберите способ сохранения

Плюсы и минусы Powtoon

Чем сервис хорош:

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

Что плохо:

  • Цены кусаются. $90 в месяц — это многовато.
  • Нельзя создавать дудл-видео. Анимация рисования в реальном времени доступна только для текста.
  • На бесплатном тарифе недоступны инструменты для рисования графиков и диаграмм.

А вот пример видео, которое я набросал за 10 минут на основе готово шаблона.

Заключение

Я попробовал создать видео в каждом сервисе (кроме After Effects). Больше всего мне понравился Powtoon. Картинки яркие, персонажи прикольные, интерфейс удобный. Сказка, а не сервис.

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

Для дудл-видео — однозначно VideoScribe. И работать удобно, и стоит немного. Я заливал туда сделанные в “Иллюстраторе” svg-иконки — программа отлично их отрисовывала «рукой».

Ну а если вы хотите стать гуру видео-инфографики — вам прямая дорога на курсы по After Effects. Да, вы создадите первое годное видео на пару недель или месяцев позже, чем в других сервисах. Зато никаких ограничений: что хотите — то и рисуйте. Какое качество нужно — такое и делайте.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector