Создание инфографики и её актуальность. Как отличить хорошую инфографику от мазни на заборе

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

Понятие

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На этой инфографике отображены главные события за неделю с 10 по 16 января 2014 года, которые нашли отражение в поисковых запросах Яндекса. Здесь можно проследить интерес пользователей к определённым событиям и его изменения на протяжении недели. Каждое событие проиллюстрировано.

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

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

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

Кроме 15 представленных сторонних инфографик, мы рады представить вам и нашу, которая показывает, какие используют 30 крупных интернет-магазинов.

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

Определение

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

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

История

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

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

Развитие

Спустя несколько лет инфографика относилась не только к сфере технологий или бизнеса, но и стала настоящим проявлением искусства. Поэтому крупные издания, типа «Эсквайр», стали нанимать для этого 3-4 дизайнеров и одного журналиста, который бы смог все эти идеи сократить до минимальных объемов.

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

Использование

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

Подход

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

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

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

Польза

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

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

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

Типы

Отсюда становится понятно, что такое инфографика, и какие есть типы.

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

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

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

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

Создание

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

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

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

Чтобы попасть в «Яндекс. Картинки» и «Картинки Google», нужно при загрузке на сайт инфографики прописывать для неё «альт», «тайтл» и описание. Тогда поисковые боты добавят её в свой каталог.

Способы

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

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

Кстати, онлайн-сервисов довольно много. Достаточно просто ввести запрос в поиск, и вы легко сможете найти удачный и удобный для себя. К примеру, есть неплохие сервисы Easel.ly или Infogr.am.

Если же вы немного разбираетесь в веб-дизайне и решили самостоятельно создать инфографику, то для вас не будет секретом то, что лучшая программа для этого Photoshop. В ней больше всего возможностей для этого дела, можно работать со слоями, подбирать цвета, элементы и пр. Вам достаточно упрощенной инфографики? Тогда обращайтесь к программам-аналогам типа Paint.net.

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

Инфографика - это способ подачи информации при помощи графических элементов (диаграммы, графики, образы). Иными словами, инфографика - это визуализация сложной информации . Спектр применения инфографики огромен: от истории до техники и от журналистики до медицины. Сегодня под «инфографикой» объединены разные образцы информационного дизайна (карты, диаграммы, блок-схемы, mind-map и т.п.). Таким образом, сами работы в стиле инфографики появились задолго до возникновения этого понятия.

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

Причины невероятной популярности инфографики

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

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

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

Когда уместна инфографика

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

1. Инфографика помогает легко объяснить «как это устроено» : пользователям всегда интересно узнать, что внутри сложного механизма. К тому же, можно занимательно изобразить как технику (фотоаппарат), так и обыденные предметы (гамбургер). Здесь нестандартный и креативный подход играют особую роль.

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

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

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

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

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

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

mind map (или диаграмма связей) - структурирует связь вокруг определенного объекта путем построения логических цепочек;
дерево решений - последовательная схема поиска решения какой-либо проблемы;
инструкция - помогает пользователям легко понять, как применяется тот или иной инструмент или выполняется процесс (например, приготовление пирога);
схема (блок-схема, диаграмма, гистограмма);
информационные карточки (факты и события с иллюстрациями и подписями).

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

Основы создания инфографики

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

Этапы разработки инфографики

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

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

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

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

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

Что можно считать инфографикой?

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

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

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

Для чего используется?

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

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

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

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

Принципы и примеры

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

Основная задача – легко и непринужденно рассказать о «сложном, но важном». А потому полезная нагрузка должна приближаться к 100 %.
Визуальное описание последовательно, а каждый факт сопровождается иконками, стрелочками, или отдельными изображениями.
Цветовая гамма – эмоциональная и красочная, то есть сразу же привлекающая внимание. И целевая, и нецелевая аудитория должны, если не разобраться в каждом факте или аспекте, то хотя бы зацепиться взглядом за дизайн.
Графические объекты в инфографике составляют ассоциативный ряд и помогают в уме складывать информационно-визуальный пазл, который надолго осядет в голове.

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

Пример инфографики с вертикальным повествованием. По клику - оригинальная статья.

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

Классический пример инфографики от Яндекса о распределении поисковых запросов по времени суток в 2017 году

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

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

По формату

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

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

Пример статичной инфографики с фактами о метро

Пример инфографики о чтении в России

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

Пример видео-инфографики о том, как наше :

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

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

Пример интерактивного калькулятора-инфографики

По подаче данных

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

Пример сравнительной инфографики

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

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

Инструкция о том, как сочетать еду и вино

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

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

Пример интерактивной инфографики-схемы

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

Карта. Эксклюзивный тип представления информации, который с легкостью можно разделить еще на десяток подразделов, в зависимости от тематики.Главное – помнить: если на экране – схематично оформленная планета Земля с надписями, диаграммами и графиками, значит, дизайнеры уже рассказывают о чем-то важном на наглядном примере.

Пример интерактивной инфографики-карты о наступлении Наполеона

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