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

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

» » Инфографика: как делать, шаблоны, примеры. Блог огненных новостей

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

16 способов создать потрясающую инфографику

Мы продолжаем публиковать переводы самых интересных статей зарубежных интернет-маркетологов, дизайнеров, специалистов в области seo и smm. Автор статьи: Lilach Bullock . Ее контакты: [email protected] , Pinerest: lilachbullock

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

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

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

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

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

Я только что поделилась инфографикой «Узнайте заповеди интернет-маркетинга» и обнаружила, что эта новость получила значительно больше лайков, чем средний пост в блоге. Использование инфографики - отличный способ делиться контентом, получать больше отзывов на ваши новости и больше траффика для вашего блога.

Как создать инфографику?

14 лучших способов создания инфографики

1. Piktochart трансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики . Вы можете добавлять иконки и ваш собственный логотип. Предлагает отличный набор тем для дизайна . Сервисом можно пользоваться бесплатно, хотя если вы хотите иметь возможность выбирать больше тем и иметь при этом лучшие цены, настроенные индивидуально под заказчика, минимально возможная цена будет составлять 9.99$ в месяц.
2. Visual.ly - это отличный инструмент, который позволяет генерировать ряд инфографик . Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook . Сервис возник относительно недавно и до сих пор добавляет к своим категориям новую информацию. Является бесплатным и легким для использования.
3. Fluxvfx - это потрясающий инструмент, с помощью которого можно создавать видеоинфографику . Он предлагает набор готовых шаблонов , поэтому его легко использовать. Минимальная цена - 25$.
4. Vizualize.me - новое приложение (в настоящее время в Beta-версии), которое создает инфографику для вашего резюме . Работает, используя информацию профиля пользователя в LinkedIn, и превращает его резюме в настраиваемую инфографику.
5. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики .
6. Vizify - новый инструмент создания инфографики по данным Twitter и демонстрации детальных данных из вашей Twitter ленты, включая: самых активных фолловеров (подписчиков), самые популярные посты и т.д.
7. Creately - удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. Вы можете выбрать из предложенного набора типов диаграмм , и просто добавить свои данные, чтобы создать вашу собственную диаграмму или график.
8. Stat Planet - это отличный инструмент, который создает интерактивные визуализации и статические изображения ). Предоставляет доступ к важным всемирным данным , которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
9. Hohli - еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики исходя из ваших потребностей.
10. Google Public Data Explorer - полезный способ использовать общедоступные данные для того, чтобы трансформировать их в любую инфографику на ваш вкус. Вы можете добавлять эти графики на вебсайт или в блог.
11. Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов , оказывающие визуальное воздействие на пользователя.
12. Wordle - простой в использовании инструмент для создания эффективных словесных визуализаций . Просто введите ваш собственный текст (от коротких до длинных абзацев). Сервис предоставляет огромное количество дизайнов, из которых можно выбрать нужный.
13. Cacoo - онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML (Unified Modeling Language - унифицированный язык моделирования) и сетевые графики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
14. Lilach & Sarah"s Inforgraphics package - если вы ищете возможность заполучить в свои руки набор из 10 инфографик, где уже есть весь контент, и вам нужно только добавить логотип и URL сайта, тогда за 10 фунтов вы можете приобрести эту инфографику (в нее входит блог мастер, система для создания блога WordPress.com , хостинг , заповеди интернет-маркетинга, итоговые советы).

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

Виды инфографики

"Ценность инфографики заключается в том, что она

позволяет представить серьезный объем полезной

или важной информации для пользователя в максимально

удобном и простом виде",

Алексей Новичков, руководитель отдела

инфографики РИА-Новости

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

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

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

Инфогра́фика (от лат. informatio - осведомление, разъяснение, изложение; и др.-греч. γραφικός - письменный, от γράφω - пишу) - способ передачи информации c помощью графики и текста. Инфографика может использоваться в любой научной или профессиональной сфере, где есть необходимость схематизации материала: в ряде естественных и гуманитарных наук, в рекламе, маркетинге, журналистике, статистике и во многих других областях знаний. Чтобы легко и быстро можно было понять, что же такое инфографика, посмотрите короткое и увлекательное видео на эту тему: Метод инфографики имеет древнее происхождение. Средневековые навигационные карты, таблицы расположений звёзд, анатомические рисунки с подписями- всё это можно отнести к ранним примерам инфографики. К концу XIX века были разработаны основные виды графиков: круговая диаграмма, столбиковая, площадная и т.д. В истории существуют примеры, в которых инфографика помогала решать не только частные задачи, но и помогала выйти из сложнейших кризисных ситуаций: Джон Сноу был пионером эпидемиологии: именно этот ученый с помощью инфографики помог остановить эпидемию холеры в Лондоне в 1854 г. Исследовать предположил, что вызывающий холеру возбудитель передаётся через желудочно-кишечный тракт, а не воздушно-капельным путём. Это стало возможно благодаря тому, Джон нарисовал в схему Лондона, на которой точками обозначил очаги заболевания холерой. Так, получившееся изображение показало, что практически все случаи заболевания, которые ученый изобразил крестиками, находились вблизи одной из водонапорных башен, после ее закрытия новые случаи заболевания холерой удалось остановить.

Виды инфографики

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

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

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

3) Инфографика-инструкция . Объяснение устройства, принципа работы + реконструкция события. Многие компании сегодня имеют интранет, внутренние системы оптимизации бизнес-процессов, в которых должностные инструкции изображены не в словах, а в схемах, наглядно демонстрирующих поведение сотрудников в тех или иных ситуациях

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

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

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

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

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

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

Примеры инфографики

Приведем основные примеры инфографики и кратко прокомментируем их:

Самый простой вид инфографики - статичная. Факты скомпанованы в графики, диаграммы, снабжены ярким цветовым сопровождением. Минимум символов, картинок.

Динамическая инфографика. Показаны сравнительные характеристики, фактическая информация. Визуализированы основные объекты и субъекты.

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

Инструкция, схема работы. Инфографика.

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

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

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

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

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

Процесс и перспектива: служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

По способу отображения инфографика подразделяется на следующие виды:

Статичная инфографика- одиночные изображения без элементов анимации,

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

По типу источника различают 3 основных вида инфографики:

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

Новостная инфографика- инфографика, подготавливаемая под конкретную новость в оперативном режиме,

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

Новости инфографика

В Петербурге с января 2011 года редакцией ООО «Манифест» начал выпускаться специальный журнал «Инфографика». Журнал выходит тиражом в 80 000 экземпляров. В первых числах каждого месяца свежий номер журнала можно бесплатно приобрести в некоторых московских петербургских ресторанах, кафе и культурных центрах (Галерея братьев Люмер). Журнал содержит только свежие шедевры инфографики – никакого текста. Ежемесячно редакция журнала находит интересные познавательные темы и представляет их в виде инфографики. Это может быть статья о том, как выбрать велосипед, или инфографика о фазах сна. Реклама в журнале также может быть представлена в виде инфографики.

За новостями журнала удобно следить в сообществе «Инфографика» в Фейсбуке и Контакте. Некоторые номера журнала выложены на посвященном инфографике сайте Инфогра. Часто можно неплохая инфографика встречается в газете «New Times».

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

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

Понятие

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

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

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

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

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

Типы инфографики

Итак, вся инфографика подразделяется на 4 типа.

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

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

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

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

Нельзя не отметить, что нередко в инфографике может переплетаться одновременно несколько ее типов. А читаемой?

Основные правила читаемой инфографики

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

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

Сервис №1 — easel.ly

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

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

Сервис №2 — infogr.am

Этот сервис - один из самых дружелюбных по отношению к пользователю. Неспроста его название напоминает небезызвестный бренд Инстаграм: создатели сайта исходили из идеи упрощенного интерфейса.

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

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

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

1. Разворачивающиеся слои

Иллюстрация на сайте агрохолдинга «Мрия»

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

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

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

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

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

Одна из интерактивных статей на сайте New York Times про Олимпийские игры 2014

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

New York Times вообще очень крутые ребята. Вот, например, одна из страниц , которую они делали к предыдущей Олимпиаде, в Лондоне. По мне, так это в разы мощнее видеороликов , которые они нарезали для 2014 года. В первом случае возникает сопричастность действию, которая позволяет намного глубже понять и изучить материал. Во втором случае такого вовлечения уже нет, зато это дешевле и быстрее в производстве. И да, кстати, пример с лондонской Олимпиады относится уже к другому виду электронной инфографики, о котором я расскажу в заключение сегодняшнего поста.

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

При проектировании инфографики важно создавать очевидную для зрителя структуру информации

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

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

2. Анимированные цифры и диаграммы

Главная страница новой пластиковой карты American Express

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

При помощи анимации можно акцентировать внимание на наиболее важных моментах повествования

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

Промостраница о возможностях нового iPad в условиях высокогорья

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

3. Анимированная техническая иллюстрация

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

Наибольшее влияние оказывает та визуализация информации, которая проясняет тему способом, недоступным словам

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

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

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

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

Процесс и перспектива: служит для визуализации сложного процесса или предоставления некоторой перспективы. Может вообще не содержать числовых данных.

По способу отображения инфографика подразделяется на следующие виды:

Статичная инфографика— одиночные изображения без элементов анимации,

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

По типу источника различают 3 основных вида инфографики:

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

Новостная инфографика— инфографика, подготавливаемая под конкретную новость в оперативном режиме,

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