Что такое инфографика и как на ней заработать в интернете?

Инструменты для создания инфографики

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

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

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

Найти дизайнера можно на следующих сайтах:

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

• Форумы для дизайнеров – здесь можно искать исполнителей для разных задач.

Рекомендуем

Как попасть в массовку и сколько там платят за съемки?

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

Заработок в РСЯ: сколько платят за рекламу на сайтах в сети Яндекса?

Заработок в РСЯ считается одним из способов получения пассивного дохода в интернете. Все, что нужно – это разместить рекламные блоки на сайте. …

Где применяется инфографика

Инфографика применяется практически везде. Но и тут есть свои первопроходцы: например, в СМИ инфографику впервые начали использовать для подачи статистических данных.

Вот некоторые сферы применения:

• С помощью инфографики можно подать информацию для клиентов или сотрудников.
• Показать важные новости.
• Красочно прорекламировать свою продукцию/услуги.
• Сделать удобную техническую инструкцию, которая к тому же будет понятна всем, на каком бы языке люди ни разговаривали: язык картинок универсален (мы видели это выше на примере от IKEA).
• Создать хорошо запоминающуюся и лёгкую для восприятия инструкцию по технике безопасности.
• Наглядно оформить кулинарный рецепт.
• Оформить статистические данные, годовой отчёт, результаты исследования.
• Инфографику широко используют развлекательные и научно-популярные сайты — чаще всего для того, чтобы объяснить устройство или механизм какого-то явления.
• Для той же цели она активно применяется в учебных материалах.
• Дорожные знаки — тоже своего рода инфографика.

Как правильно визуализировать данные

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

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

Как видно на графике, в Белоруссии и России самый низкий пенсионный возраст, но если посмотреть на цифры — «58» в Казахстане почти в два раза выше, чем «55» и «60» в Белоруссии

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

Кажется, что пенсионный возраст в Японии в восемь раз больше, чем в Белоруссии

Если привести график к единой оси, окажется, разница не такая большая:

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

Сравним объективный показатель — статистические данные о средней продолжительности жизни на пенсии:

Картина другая: показатель средней продолжительности жизни на пенсии у женщин в России близок к Польше и Германии

Powtoon

Тарифы сервиса Powtoon

Зато есть полноценный бесплатный тариф (а не пробная версия). На нем можно создавать ролики длиной до 5 минут и публиковать их на YouTube. Убрать водяной знак или скачать видео на компьютер нельзя.

Судя по тому, что на главной странице мелькают такие бренды как Coca-Cola, Cisco и Ebay, — cервис популярен.

Отличное социальное доказательство

Как создавать видео в Powtoon

Зарегистрируйтесь в системе и войдите в свой аккаунт. Вы можете использовать аккаунт на Facebook, Google+ или Linkedin.

Полей для заполнения поменьше, чем у конкурентов

Перейдите в раздел Create с помощью кнопки в меню.

Создаем новую видео-инфографику

Здесь вы можете выбрать один из заранее подготовленных шаблонов или начать все делать с нуля (Start From Scratch). Шаблоны рассортированы по тематическим категориям: маркетинг, фрилансеры, анонсы, отчеты и так далее.

Всего я насчитал 47 шаблонов, считая пустой

Чтобы открыть шаблон и начать редактирование, нажмите «Edit». Следовать заложенной идее не обязательно — можно удалять, добавлять и менять что угодно.

Слева находится список сцен, на которые поделено видео. Вы кликаете по сцене, добавляете на нее элементы, прописываете, в каком порядке и с какой анимацией они будут появляться и исчезать. Чтобы добавить новую, нажмите на кнопку «Add slide».

Создайте новую сцену

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

Чтобы отредактировать объект — просто нажмите на него. Для доступа к расширенным настройкам текста, кликните по кнопке «+T».

В расширенных настройках можно будет настроить анимацию появления текста

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

Укажите, в какой момент должен появиться объект, и сколько он просуществует

Кстати, тут есть неплохой туториал. Чтобы открыть его, щелкните по кнопке «Help» слева вверху и выберите пункт «Tour». Обучение, конечно же, на английском.

Курс молодого бойца

Когда закончите делать видео, нажмите на кнопку «Export».

Пора сохранять видео-инфографику

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

Выберите способ сохранения

Плюсы и минусы Powtoon

Чем сервис хорош:

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

Что плохо:

• Цены кусаются. $90 в месяц — это многовато.
• Нельзя создавать дудл-видео. Анимация рисования в реальном времени доступна только для текста.
• На бесплатном тарифе недоступны инструменты для рисования графиков и диаграмм.

А вот пример видео, которое я набросал за 10 минут на основе готово шаблона.

Что делает инфографику эффективной?

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

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

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

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

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

Даже такая простая вещь, как расположение и группировка элементов на странице влияет на то, как читатели воспримут инфографику.

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

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

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

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

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

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

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

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

Создайте иерархию текста с помощью трех различных шрифтов

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

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

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

Шрифт главного заголовка должен быть самым крупным и может быть самым стилизованным. С его помощью вы задаете инфографике определенное настроение.

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

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

Не уверены, какие шрифты удобочитаемые, а какие нет? Вот памятка по шрифтам, отлично подходящим для основного текста:

ИСПОЛЬЗОВАТЬ ШАБЛОН

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

Шаг 6. Выберите стиль, шрифт и палитру цветов

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

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

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

Подробнее о шрифтах в статье «Рисуем инфографику: как подобрать шрифт».

Ресурсы для поиска шрифтов:

Выбор шрифта.

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

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

Один хороший совет — выбирайте 2-3, максимум 4 разных цвета для своей работы и далее используйте их различные оттенки. Подробнее о цветовых палитрах можно узнать в статье «Рисуем инфографику: как правильно выбрать цвет».

Ресурсы для выбора палитры:

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

Выбор цвета.

Шаг 5. Добавьте контент

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

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

С и без изображения.

Ресурсы для поиска изображений и фотографий:

Ресурсы для поиска иконок:

Tawe

Программа представлена 3-мя платными тарифами

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

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

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

Видео можно сохранить в файл, на облако или опубликовать в интернете

Плюсы Tawe:

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

Минусы:

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

Сервисы для создания

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

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

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

1. Tableau – классическая программа, сосредоточенная на создании инфографики и работе с цифрами, текстом и сопроводительным описанием. Доступ к Tableau выдается по модели Freemium. То есть основной функционал, вместе с шаблонами и примерами, бесплатен. А вот за дополнительные материалы, круглосуточную поддержку от разработчиков и синхронизацию информации между компьютерной, мобильной и браузерной версиями Tableau придется отдавать деньги ежемесячно.
2. Canva – изобретательная графическая программа, способная работать с изображениями, документами и информацией в тех форматах, которые и не снились конкурентам. В Canva не возникает проблем – ни с созданием инфографики онлайн (да еще и без загрузки дополнительных материалов, ведь иконки, рамки, направляющие стрелки и иные детали разработчики сервиса выдают бесплатно, сразу после регистрации), ни с подготовкой визитных карточек и открыток, ни с организацией публикаций для добавления в социальные сети. И главное – разбираться в нюансах и деталях можно по ходу дела, даже не вчитываясь в инструкции и рекомендации, ведь новичков уже ждут шаблоны и примеры. Осталось сделать лишь новое описание и добавить немного деталей.
3. Visual.ly – экспериментальный конструктор инфографики, отличающийся от конкурентов по жанру тем, насколько серьезно разработчики нацелены и на новичков, и на профессионалов. Тех, кто впервые сталкиваются с графикой и дизайном в Visual.ly, ждут инструкции, советы и наглядные рекомендации (сделать даже сложную работу по чужим примерам станет легче). Экспертам же достанутся редкие материалы и расширенные настройки оформления, а еще шаблоны и программы улучшения уже полученных результатов.
4. Infogr.am – автоматизированный, интуитивный и условно-бесплатный сервис, открывающий доступ к мультифункциональному графическому редактору. В нём легко создать инфографику онлайн, воспользовавшись заранее подготовленными шаблонами, схемами и картинками. В результате – появится шанс в полуавтоматическом режиме сделать инфографику запредельного уровня.

Thinglink

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

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

Фотографии не всегда говорят сами за себя

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

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

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

Пример

Что можно сделать в thinglink

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

Сложности и особенности

Русской версии сайта нет. Но система работы проста. Начинается все с регистрации и проходит она почти как в infogram — через почту или соцсети. Часть сервисов доступна только в платной версии программы. Бесплатно на фото можно разместить только текстовый комментарий. За дополнительные картинки, видео или ссылки придется заплатить.

Как выглядит работа с сервисом

1. Начинаем работу. Нажимаем на иконку CREATE в правом верхнем углу страницы.

2. Загружаем изображение. Сервис предлагает 4 способа:

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

Web — добавить ссылку на изображение уже опубликованное в интернете. Потребуется скопировать URL картинки. Для этого кликните по ней правой клавишей мыши и выберите в меню пункт «Копировать URL».

Import Facebook photos — скопировать фото со своего аккаунта в Фейсбук. Для этого нужно нажать на кнопку авторизации через соцсеть.

Import — скопировать 20 последних изображений другого пользователя программы. Необходимо дать ссылку на его страницу.  

1. Придумываем название. В качестве примера мы опишем фасон платья. Для начала назовем наше интерактивное фото. Сверху над изображением вы видите графу TITLE. Сюда нужно вписать название.

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

Опишу функции, которые доступны бесплатно. Идем сверху вниз.

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

Добавляем текстовый комментарий в поле Text.

Нажимаем синюю кнопку Save — она расположена в правом нижнем углу шаблона.

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

1. Сохраняем изображение. Для этого нажимаем на зеленую кнопку Save Image в правом нижнем углу экрана.

2. Публикуем интерактивное фото. Выбираем пункт «Поделиться» меню справа. Есть 3 варианта публикации.

• Нажать на иконку нужной вам соцсети.
• Скопировать ссылку на изображение.
• Скопировать код для встраивания на сайт.

Диаграмма с анимацией

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

Основы информативной визуализации

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

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

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

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

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

Важно не перегружать картинки излишними деталями, они должны быть максимально простые и понятные для восприятия пользователей. Подбираются короткие текстовые надписи (фраза или одно предложение), а шрифт без засечек для быстрого прочтения, например, Times New Roman.

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

10 советов по созданию качественной инфографики

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

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

Обработайте информацию

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

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

Ищите проблемы и спорные темы. Статьи формата How to (“Как сделать”) отлично подходят в качестве основы для инфографики, ведь таким образом можно создать краткое руководство по решению определенной проблемы, что принесет пользу читателям. Не менее хорошо работают и спорные темы, которые при активном расшаривании в соцсетях могут  привлечь на сайт большое количество трафика.

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

Инфографика здесь не исключение, и первым делом в данном контексте стоит  обратить внимание на социальные сети

Расставляйте акценты

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

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

• • круговые диаграммы. Четкий ответ на вопрос в виде цифр или процентов;
  • карты данных. Больше выборки данных;
  • линейные графики (или их комбинации). Демонстрация тенденции с течением времени;
  • гистограммы. Графики распределения данных.

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

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

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

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

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

Ну, теперь пройдемся по видам, которые бывают в инфографике. На самом деле чтобы как-то разделить инфографику – одного слова “виды” – не достаточно. Давайте попробуем сделать следующим образом:

Инфографика различается по типу

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

Формы подачи инфографики

• Единая – Это когда вся информация , которую хотят вам донести – помещается на одной картинке. Эта картинка не разделена по смыслу на блоки.
• Раздельная – Это такой большущий, длиннющий лист , который листаешь до тех пор пока кисть руки не отвалиться; 🙂 В общем всё на одной картинке, всё разделено по блокам, но блоки эти друг с другом могут быть вообще не связаны.

Есть еще категории инфографики

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

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

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

Итак, мы уже понимаем, что инфографика это картинка, с её помощью нам приподносят какую-то информацию. Или же просто дополняют какую-то информацию фактами (цифрами и аналитикой)

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

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

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