Что было рассмотрено при создании инфографики. Виды инфографики

⁰

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

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

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

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

В ней используются разные средства визуализации:

графики;
изображения;
диаграммы;
таблицы;
карты;
схемы.

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

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

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

Как создать хорошую инфографику

Сделать это можно заплатив специалистам, но также можно попробовать сделать ее самостоятельно. Для этого нужно знать основные принципы ее создания:

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

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

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

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

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

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

Примеры

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

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

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

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

Информационная графика … Словарь сокращений и аббревиатур

Связать? Географическая инфографика (от греч. γη «земля»; от лат. informatio осведомление, разъяснение, изложение; от греч … Википедия

ИТАР-ТАСС - (ITAR TASS) ИТАР ТАСС это центральное государственное информационное агентство России. Агентство ИТАР ТАСС: фото, новости,ИТАР ТАСС Кубань, официальный сайт ИТАР ТАСС Содержание >>>>>>>>> … Энциклопедия инвестора

У этого термина существуют и другие значения, см. Террористический акт во Владикавказе. Террористический акт во Владикавказе террористический акт совершённый боевиком смертником 6 ноября 2008 года около 14 часов по московскому времени в… … Википедия

Памятник усыпальница Мавзолей Ленина Мавзолей Ленин … Википедия

Структура федеральных органов исполнительной власти (термин конституционного права) представляет собой перечень всех федеральных органов исполнительной власти. Утверждается Президентом Российской Федерации по предложению Председателя… … Википедия

Инфомания … Википедия

Уничтоженный грузинский Т 72 в Цхинвале Основная статья: Война … Википедия

- («Пост Ит Эвордс») международный студенческий конкурс и премия в области дизайна. Проводится ежегодно, начиная с 2005 года. Это единственный на территории России и СНГ дизайнерский конкурс, предназначенный только для студентов, участие в котором… … Википедия

Книги

, Дэвид Маккэндлесс. О чем эта книга Забудьте о сухих фактах, теориях и статистике и приготовьтесь увидеть информацию с той стороны, с которой вы до сих пор никогда ее не видели. Приглашаем вас совершить…
Инфографика. Мир, каким вы его никогда не видели , Martin Toseland, Simon Toseland. http://www. mann-ivanov-ferber. ru/books/paperbook/infographica/…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итого

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

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

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

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

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

Бонус

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

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

Понятие

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Определение

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

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

История

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

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

Развитие

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

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

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

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

Подход

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

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

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

Польза

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

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

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

Типы

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

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

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

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

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

Создание

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

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

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

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

Способы

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

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

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

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

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