Инфографика что это такое


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

Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками

Свежие публикации регулярно

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примеры

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

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

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

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

semantica.in

Королева Инфографика: главный тренд последних лет

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

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

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

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

Впоследствии инфографика перекочевала на сайты и стала активно применяться в качестве маркетингового инструмента. Сейчас ее используют в дизайне и продвижении. Даже такие матерые компании, как “Почта России”, оценили новое течение и активно им пользуются. Не верите? Вот, пожалуйста.

Для чего нужна инфографика?

  1. Проинформировать читателя. О чем - не так уж важно, главное - как. Более того: не просто проинформировать - сделать так, чтобы информация запомнилась. Визуальные образы воспринимаются легче.
  2. Привлечь новую аудиторию. Скажем, у вас новостной сайт или блог, где из года в год публикуются статьи. Если вы хотите привлечь свежую кровь - меняйте формат, инфографика для этого отлично подойдет. Так вы привлечете внимание тех, кто раньше не знал о вас (по сарафанному радио).
  3. Вернуть старых подписчиков. Возьмем тот же сайт и тот же блог, который уже немного всем наскучил. Преданные читатели отписываются, да и полно в интернете других изданий, где информация подается более живо. Вот вам отличный способ напомнить о себе: вдохнуть новую жизнь в старое издание.
  4. Обрести популярность. Как показывает практика, статьи и посты с инфографикой чаще расшаривают (репостят) в соцсетях, делятся ими с друзьями. У хорошей инфографики есть все шансы стать вирусным контентом, которым захочется делиться. Если, конечно, вы действительно придумаете что-то интересное и полезное. Если делать - то талантливо!
  5. Увеличить прибыль. Как - с помощью новых клиентов. Инфографику используют еще и в коммерческих целях: на сайтах предприятий, в интернет-магазинах. Чуть ниже мы приведем примеры и покажем, как это делается.

Какой бывает инфографика?

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

Правила создания инфографики

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

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

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

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

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

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

7. Выделяй главное. А что будет главным? Это зависит от цели, которой вы задаетесь, делая инфографику. Если с помощью ее рекламируете что-то - сделайте акцент на товаре или количестве покупателей, которые уже оценили его плюсы. Если даете статистические данные - выделите те, на которые хотите обратить внимание и вызвать определенную эмоциональную реакцию. Выделить главные элементы можно с помощью цвета, формы, размера, эффекта 3D, резкости и других приемов.

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

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

Сферы применения инфографики

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

Новостные сайты, онлайн-издания

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

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

Познавательные, развлекательные сайты

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

1. Для информации

Еще больше информации в одной картинке: это просто эпическая инфографика! Легко ли изобразить весь Рунет в цифрах и фактах? Да, если привлечь в помощники инфографику. Понятно, что на картинке изображены далеко не все данные - но мы уже писали, как важно вычленять главные тезисы и делать акцент именно на них.

2. В образовательных целях

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

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

3. Для сравнения

Часто бывает, что нужно сравнить два или несколько объектов. Это могут быть предметы, люди, понятия - много чего. Можно расписывать критерии сравнения в тексте, можно - инфографикой. Вот, например, как сделали авторы этого графического шедевра, который сравнивает великих автогонщиков Хуана Мануэля Фанхио и Михаэля Шумахера. Сравнивается все: фото, экипировка, вехи карьеры, главные победы. Получилось интересно!

4. Создание инструкции

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

5. В коммерческих целях

Так-так-так: начинается самое интересное! Мы же уже заинтриговали вас, что инфографику можно применять для продаж и продвижения товаров. И даже пример с “Почтой России” привели. Посмотрим на другие примеры, которые нашлись на просторах сети.

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

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

Пошла жара - инфографика в продаже футболок “под Шелдона”. Создатели собрали все футболки харизматичного героя “Теории большого взрыва” по сезонам и используют их в рекламе. Гениально!

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

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

Что, самому делать? А почему бы и нет? Лучше, конечно, заказать услугу студии дизайна, а можно попробовать самому. Вдруг получится! А мы вам расскажем о специальных программах в помощь.

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

  1. Google Charts - от вас потребуются данные, от сервиса получите готовые графики и диаграммы.
  2. Сreately - подставляйте данные в шаблон и получайте красивый результат.
  3. Visual.ly - отличная подборка тем для вдохновения и создания инфографики.
  4. Infogr.am - предлагает 5 шаблонов для создания графиков и диаграмм
  5. Piktochart.com – очень много шаблонов, выбирай не хочу.

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

А вы используете инфографику для продвижения? Знаете другие отличные примеры ее применения? Пишите в комментариях - обсудим!

idbi.ru

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

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

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

Содержание:

Что это за инфографика

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

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

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

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

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

Надеемся, что эти примеры инфографики дали вам дополнительное представление о ней.

Цели и достоинства графической информации

Казалось бы, что такого эта инфографика может сделать в интернете? Оказывается, довольно много.

  1. Предоставить информацию читателю. Люди легче воспринимают картинки и схемы. Графика запоминается гораздо быстрее текстовых массивов.
  2. Привлечь внимание пользователей. Если вы ведете блог или занимаетесь новостным сайтом, то сменить текст на картинки будет удачным решением. Ресурс будет ярко выделяться среди остальных, а соответственно привлечет массу новых клиентов.
  3. Вернуть старую аудиторию. Почему пользователи отписываются от контента? Да потому, что он им наскучил. Люди уходят на другие сайты, где получают яркую и разнообразную информационную подачу. Графическая информация отлично разнообразит сайт или блог.
  4. Повысить прибыльность и популярность проекта. По статистике именно посты с инфографикой чаще всего распространяют по интернету. Это происходит потому, что графика является емкой и информативной. Графическую информацию постоянно используют коммерческие сайты и крупные магазины для увеличения числа продаж.

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

Для ответа на эти вопросы, привели ряд главных преимуществ графической информации:

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

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

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

Кратко разберем данную тему и назовем главные виды графической информации:

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

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

Работа над созданием графики: пошаговое руководство

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

  1. С чего начать инфографику? Однозначно с добавления логотипа фирмы. В крайнем случае, поместите в одном из углов графики адрес авторского сайта. Чтобы никто не смог присвоить вашу работу себе, расположите на рисунке несколько водяных знаков.
  2. Если свободно берете картинки из интернета, будьте готовы к претензиям со стороны правообладателей этих рисунков. Рекомендуем все же видоизменять изображения в графических редакторах (поворот угла, смена оттенков, добавление элементов и т. д.).
  3. Не забывайте про текст. Под каждым красочным изображением должен располагаться небольшой текстовый фрагмент, поясняющий схему или рисунок.
  4. Следите за тем, чтобы поисковые системы идентифицировали инфографику. Для этого необходимо прописать альт, тайтл и подпись графики.
  5. Если хотите сделать мощную и яркую картинку с массой разных элементов, обратитесь к профессионалам. За приличные деньги вы получите максимальное качество и гарантию по эффективности работы продукта.

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

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

  1. Скачать из англоязычных источников готовую графику, перевести ее на родной язык и немного видоизменить.
  2. Воспользоваться одним из нескольких десятков онлайн-сервисов (Piktochart.com, Easel.ly, Creately.com и другие).
  3. Создать уникальную работу с нуля самостоятельно.

Что это за инфографика и как это сделать качественно? Надеемся, что полностью разъяснили все нюансы по данной теме и ответили на этот и другие популярные вопросы. Работайте с графической информацией, ведь у нее есть много преимуществ перед текстовыми массивами. Пробуйте, учитесь и применяйте полученные знания!

Информация была полезна? Тогда ставьте лайк в знак одобрения и делитесь с друзьями. Желаем всех благ! С уважением, Sell Skill.

sellskill.ru

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

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

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

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

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

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

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

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

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

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

Почитайте также:  Самый узнаваемый человек

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

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

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

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

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

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

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

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

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

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

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

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

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

Почитайте также:  Зарплаты в мире грез: самые высокооплачиваемые актеры

Пример видео-инфографики о средней жизни человека:

Пример видео-инфографики о том, как наше тело реагирует на острые ощущения:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

infografics.ru

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

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

Где используется инфографика?

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

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

3 шага, которые нужно сделать перед проектированием инфографики:

  1. Разобраться с вопросом самостоятельно, достичь максимального понимания. Это поможет выявить главное, ядро проблемы.
  2. Сформулировать цель коммуникации: кому, что и зачем мы хотим сказать.
  3. Определить структуру и выбрать форму, вид и стилистику инфографики.

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

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

  • Пространственная – показывает внешний вид, внутреннее устройство, размер, масштаб, место, расположение объектов, путь. Это может быть технический рисунок, чертёж, анатомический атлас или карта.

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

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

  • Количественная – передает массивы числовых данных, статистику.

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

mediasvod.ru

Что такое инфографика? Как её делать? - Интернет работа

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

Для освоения инфографики нужно знать:

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

Определение

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

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

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

Роль инфографики в статье

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

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

Преимущества инфографики для сайта

  1. В первую очередь главное преимущество инфографики – это удобство для пользователя. Если ему будет удобно воспринимать информацию на вашем сайте, он обязательно вернётся, причём может поделиться ссылочкой на сайт в социальной сети.
  2. Инфографика помогает получать дополнительный трафик на сайт непосредственно с сервисов «Яндекс.Картинки» и «Картинки Google».
  3. Инфографика часто расходится по сети: форумам, блогам, социальным сетям. Таким образом, если вы оставите свой водяной знак или адрес сайта на картинке, то возможно, что кто-то наберёт его в строке своего браузера и придёт к вам.
  4. Инфографика – это отличный способ разрекламировать свой бренд или компанию. Создайте качественную и полезную инфографику, разместив на ней свой бренд и адрес сайта, и пассивная реклама вам обеспечена.
  5. В нише инфографики мало конкурентов, поэтому тут можно неплохо преуспеть.

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

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

  • Аналитическая – в инфографике приводятся статистические и цифровые показатели;
  • Новостная – материал включает в себя наглядное разъяснение новостного материала (сравнение нового и старого, хронологию, аналитику и последствия);
  • Реконструкция – включает хронологическое воссоздание какого-то процесса или события;
  • Презентация – когда в виде инфографики делают презентацию (рекламу) чего-либо.

Формы подачи:

  • Единая – когда вся информация инфографики собрана в одном блоке и взаимосвязана между собой;
  • Раздельная – данный вид инфографики имеет разделение на блоки, которые не связаны между собой.

Категории:

  • Числовые – когда все числовые данные излагаются в виде графиков, диаграмм и другими способами;
  • Расширенный – любой факт, изложенный в статье, визуализируется в инфографике и имеет краткое описание особенностей (пояснений);
  • Пошаговый – когда в инфографике графически излагается пошаговая инструкция, план действий или описание процесса.

Интерактивная инфографика

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

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

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

  1. Для создания качественной инфографики лучше всего обратиться к профессионалам, которые на основании ваших пожеланий тщательно продумают содержание и реализацию инфографики – создадут её.
  2. На инфографику обязательно нужно наложить логотип своей компании или адрес сайта. Кроме того, накладывайте водяные знаки в разных местах, чтобы кто-то не присвоил эту картинку себе.
  3. При использовании сторонних картинок для инфографики помните, что у них может быть свой правообладатель, который может предъявить свои претензии.
  4. Любая инфографика, помимо картинок, должна включать в себя поясняющий текст.
  5. При опубликовании картинки-инфографики на сайт – обязательно прописывайте её альт, тайтл и подпись. Благодаря этому Яндекс идентифицирует инфографику, и картинка займёт своё место в выдачи.

Инфографика своими руками

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

Инструкция

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

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

Если вы берёте в использование готовую инфографику из зарубежного интернета, то с помощью сервиса картинок Google проверьте, чтобы она не была уже использована в Рунете. Используя шаблон, так же посмотрите, чтобы инфографика на его основе встречалась как можно меньше.

Даже в инфографике уникальность картинки никто не отменял.

Онлайн-сервисы для создания инфографики:

  • Piktochart.com
  • Easel.ly
  • Creately.com
  • Infogr.am

Размещённый ниже видеоролик наглядно покажет, как создать инфографику на примере сервиса Easel.ly.

Следующий ролик будет посвящён созданию инфографики на сервисе Infogr.am.

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

Создаётся инфографика, как правило, в одном из двух самых популярных графических редакторов: Photoshop или Paint.net. Они включают в себя большое количество возможностей, а главное – работают со слоями, без чего не обойтись при создании качественной инфографики.

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

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

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

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

Вот очень удачный пример качественной инфографики.

Пример 1

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

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

Достаточно забавный пример, но всё же обратим на него ваше внимание.

Пример 2

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

Пробуйте, учитесь, экспериментируйте и у вас всё получится!

blogwork.ru


Смотрите также