Инфографика примеры на русском языке. Виды инфографики

Tagged ,

Навигация по записям

В этой статье Алексей Обжорин рассказывает о том, как знание базовых законов восприятия, таких как сходство, близость, простота, завершенность, помогает дизайнеру выстроить визуальную композицию. Теории Гештальта более сотни лет, но она не теряет актуальности и применяется в новых и новых сферах. Она основана на теории того, что взгляд (и разум) воспринимает объект как целостную структуру до […]

Разработка сайта всегда начинается с формулирования целей и написания технического задания. На этом этапе полезно составить визуальную карту сайта — графический документ, отображающий структуру страниц и навигацию между ними. Карту небольшого сайта можно разрабатывать на бумаге или используя сервисы для создания mind map (ментальной карты). Однако сервисы по созданию ментальных карт не рассчитаны на детальную проработку проектов. […]

Векторный клипарт нужен для оформления презентаций, буклетов, сайтов, наглядных пособий для школы и много чего еще. Представляем 7 лучших коллекций векторных изображений, которые можно скачать бесплатно. Почему векторных? У векторной графики есть 3 неоспоримых преимущества: Вектор масштабируется и сохраняет качество при увеличении. Это значит, что подготовленные с использованием векторных иллюстраций макеты смело можно печатать. Векторная […]

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

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

Часть примеров - из журнала «Инфографика» , спасибо им за труд.

Исследование и повествование - равноценны

Это два полярных подхода к инфографике. Первый предложил статистик Эдвард Тафти, второй - дизайнер Найгел Холмс. Первый назвал свою инфографику «исследовательской» (слово explorative гораздо точнее подходит, как нам кажется). Второй окрестил свою «повествовательной» (narrative).

Отличить их нетрудно

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

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

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

Просто о сложном

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

Плохо

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

Хорошо

Варианты приготовления кофе. Показан объем и тип чашки, последовательность «слоев», состав, дозировка ингредиентов. Текстом получилось бы длиннее и не так понятно.

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

Баланс графики и информации

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

Плохо

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

Хорошо

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

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

Легко воспринимать

Инфографика для ленивых. Она должна быть понятна как на «общем плане», так и при детальном рассмотрении.

Плохо

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

Хорошо

Места обитания и рацион птиц в США. Зрителю понятен общий посыл, также он быстро считывает данные по каждой птице: где живет, чем питается.

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

Нет бессмысленного декора

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

Каждый дизайнер должен постоянно спрашивать себя: «зачем?». Особенно перед тем, как нарисовать очередной завиток на инфографике.

Инфографика живет и без текста

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

Этот пункт стоит разобрать чуть подробнее. Выберем случайную картинку из интернета по запросу «инфографика»:

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

Если убрать с картинки весь текст, то получится вот так:

Уловить смысл теперь практически невозможно, иллюстрации недостаточно «говорящие». Более того - левая и правая часть почти не отличаются. Вывод: это не инфографика, а иллюстрированный текст.

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

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

Даже если бы мы убрали числа - остались бы «капельки» и можно было бы сравнить, на что воды уходит больше, а на что меньше. А это уже инфографика.

Итого

Вычислить настоящую инфографику несложно. Ее признаки:

• Она говорит просто о сложном. Причем так, что любой текст с задачей бы не справился. Или это был бы долгий и нудный текст.
• Она балансирует между эстетикой и смыслом. Если картинка детализирована до последнего штришка - она должна нести много информации. Если информации мало - достаточно простой визуализации.
• Ее легко воспринимать. Даже при беглом осмотре понятен как общий смысл, так и значение мелких элементов.
• В ней нет дизайна ради дизайна. Где-то писали, что одним из критериев хорошей инфографики является «красота». Буллщит, господа. Дизайн решает задачи, а не любуется сам собой - это справедливо для любой области его применения, для инфографики в том числе.
• Инфографика живет и без текстов. Конечно, всё зависит от ее типа, но универсальный тест (убрать тексты и посмотреть, что вышло), никто не отменял.

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

Так, например, мы сделали Dataface - создания, если интересно.

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

Бонус

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

Инфографика из инструмента контент-маркетинга превратилась в инструмент PR. Компании все чаще представляют новости, информацию о себе, итоговые отчеты не в текстовом формате, а в виде инфографики, которую потом отправляют в СМИ, размещают на своих сайтах или в блогах. The London School of Public Relations выделила 9 типов инфографики. А мы в расскажем о том, для каких PR-целей лучше подойдет тот или иной тип инфографики. И в качестве бонуса - лучшие бесплатные инструменты для создания инфографики.

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

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

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

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

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

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

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

Лайфхак
Если вы создаете инфографику для другой страны, убедитесь, что там используется карта мира в том же виде, что и у вас. Например, на картах мира в США Америка находится посередине, а Россия разделена на две части. Карта мира в Австралии перевернута (если смотреть с нашей точки зрения), а Антарктида там вообще отсутствует.

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

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

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

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

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

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

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

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

5 лучших бесплатных инструментов для создания инфографики

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

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

1. Canva

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

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

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

4. Easel.ly

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

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

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

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