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

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

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

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

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

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

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

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

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

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

Книги

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

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

Определение

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

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

История

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

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

Развитие

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

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

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

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

Подход

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

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

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

Польза

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

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

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

Типы

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

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

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

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

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

Создание

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

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

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

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

Способы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примеры

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

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

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

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

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

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

2. диаграммы трендов , определяющие стратегию развития процессов. На такой диаграмме все показатели представлены в наглядной форме, облегчающей планирование и принятие решений;

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

4. технологические диаграммы , на которых четко представлены особенности и стадии технологических процессов;

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

6. разнообразные схемы , при помощи которых акцентируется внимание на наиболее важных моментах при обмене учебной информацией;

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

8. графы , визуализирующие переходы или связи понятий, событий, процессов;

9. ментальные карты знаний , процессов, сущностей. Последние пока мало применяются в образовательном процессе, хотя их потенциал превосходит традиционные опорные конспекты, поскольку напрямую отражает возможное движение мысли при знакомстве с проблемой (материалом) и принятии решения;

10. ИГ миниатюры – пиктограммы, иконки, указатели.

Представители второй группы обладают повышенными коммуникативными возможностями, особенно в этом плане выделяются п.п. 2, 3, 6, 8, 10, например, пиктограммы, наиболее часто используемый вид ИГ – символ, миниатюрное изображение, несущее серьезную семантическую нагрузку. В этой части ИГ входит в сферу функционирования семиотики. Пиктограммы и графические акценты/миниатюры заключают в себе элементы указующей или декларирующей (условно назовем ее «директивной») инфографики, например, стрелки переходов по ресурсам вверх–вперед–назад–дальше, восклицательный или вопросительный знаки, миниатюры и т.п. Семиотическое начало явно прослеживается и в легенде к диаграммам – локальная договоренность об обозначениях или маркировке информации, относящейся к критериально-различным объектам или признакам.

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