Что такое инфографика: Что такое инфографика? 5 бесплатных онлайн-сервисов для её создания

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

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

Содержание

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

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

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

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

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

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

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

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

Обрести популярность. Как показывает практика, статьи и посты с инфографикой чаще расшаривают (репостят) в соцсетях, делятся ими с друзьями. У хорошей инфографики есть все шансы стать вирусным контентом, которым захочется делиться. Если, конечно, вы действительно придумаете что-то интересное и полезное. Если делать — то талантливо!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google Charts — от вас потребуются данные, от сервиса получите готовые графики и диаграммы.

Сreately — подставляйте данные в шаблон и получайте красивый результат.

Visual.ly — отличная подборка тем для вдохновения и создания инфографики.

Infogr.am — предлагает 5 шаблонов для создания графиков и диаграмм

Piktochart.com – очень много шаблонов, выбирай не хочу.

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

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

Что такое инфографика? Примеры и шаблоны инфографики, советы по дизайну

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

Но если вы новичок в дизайне, то слово «инфографика» может быть вам незнакомо.

Вам может быть интересно:

Создано с помощью GIPHY

Сегодня мы предлагаем вам пройти интенсив-курс по инфографике и дизайну инфографики (с примерами шаблонов инфографики) и получить ответы на эти и другие вопросы!

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

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

Однако лучше дать этому термину более конкретное определение.

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

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

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

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

Однако важно не забывать, что графические объекты инфографики должны не только нравиться или вызывать интерес. Они должны помогать людям понять и запомнить содержание инфографики. Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang):

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

Как использовать инфографику?

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

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

Это значит, что инфографика применима почти в любой области.

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

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

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

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

Органы государственного управления используют инфографику для обнародования статистики и данных переписи:

Источник

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

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

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

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

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

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

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

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

А из этого короткого видео вы узнаете, как создать инфографику за 5 шагов:

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

Источник GIF

Для начала продумайте структуру инфографики.

Упорядочьте информацию, продумав структуру инфографики

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

4 этапа разработки структуры инфографики на основе имеющихся данных:

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

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

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

Более подробная информация по этому вопросу представлена в нашем руководстве по разработке структуры инфографики.

Выберите шаблон инфографики

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

Создано с помощью GIPHY

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

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

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

Но самое главное — выбрать шаблон необходимого вам вида инфографики.

Какие же бывают виды инфографики?

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

Шаблоны инфографики Venngage разбиты на 9 категорий:

Статистическая инфографика.
Информационная инфографика.
Хронологическая инфографика.
Процессуальная инфографика.
Географическая инфографика.
Сравнительная инфографика.
Иерархическая инфографика.
Список.
Резюме.

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

Разные виды инфографики предназначены для визуализации различного контента.

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

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

Обычно в ней намного меньше текста, чем в информационной инфографике, и реже встречается нарратив. Данные представлены цифрами (крупным шрифтом) и выборочными фактами, как в этой инфографике Mobile Future:

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

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

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

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

Создано с помощью GIPHY

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Самый простой способ обеспечить необходимое количество визуальных элементов — добавить значки, отображающие суть каждого заголовка, как в примере ниже:

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

Еще лучше — создать наглядные примеры ко всем ключевым тезисам, как в инфографике компании Elle & Company:

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

Источник

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

Заключение

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

Придерживайтесь проверенных практикой рекомендаций по дизайну инфографики:

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

Дополнительную информацию о создании инфографики читайте в нашей статье «Как создать инфографику: 5 этапов [пошаговое руководство]».

Лучшие примеры инфографики (51 фото): простые, сложные, крутые

Вопросы, рассмотренные в материале:

Зачем многие используют инфографику

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

Какую информацию можно вставить в инфографику

Как правильно сделать инфографику к докладу

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

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

С помощью чего можно сделать инфографику

С помощью каких инструментов делают инфографику

Каких ошибок избегать в процессе

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

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

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

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

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

Зачем нужна инфографика

Мы сталкиваемся с инфографикой постоянно, порой в неожиданных местах. Помните плакаты в поликлинике, на которых в картинках рассказывается о том, как можно заразиться гриппом? А школьные наглядные пособия — примеры инфографики в образовании. На них представлена информация в сжатой и наглядной форме. И это не единственный способ применения инфографики.

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

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

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

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

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

Рекомендуемые статьи по данной теме:

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

Инфографика имеет свои отличительные признаки:

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

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

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

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

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

5 основных видов инфографики

Пространственная

Демонстрирует внешний вид объекта, его расположение, масштаб, внутреннее устройство. Сюда можно отнести технические рисунки, чертежи, анатомические атласы и карты.

Статистическая

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

Временная

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

Абстрактная

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

Комплексная инфографика

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

Вдохновляющий пример хорошей инфографики

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

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

Примеры сложной инфографики на русском

А как у них? 7 крутых примеров западной инфографики

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

Социальная сеть LinkedIn показала, как правильно заполнять блог:

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

А вот визуализация на тему «Страны G20: худшие и лучшие для женщин»:

Немного о возобновляемых источниках энергии:

А вот так выглядит отчет компании «Бритиш Петролеум» (BP) о ликвидации последствий аварии в Мексиканском заливе, во время которой произошла утечка нефти в океан. Эта качественная инфографика должна была убедить людей в том, что во время бурения скважин компания полностью контролирует ситуацию на дне Мексиканского залива.

Инфографика под названием «Где мы живем» была разработана для сайта журнала Wired. На ней в виде трехмерной карты показана плотность населения США в разных регионах. Основная задача этой визуализации — продемонстрировать, где живут и куда перемещаются по территории страны американцы. Она была решена с помощью очень простых средств: насыщенности оттенка основного цвета и всплывающих подсказок.

В графическом плане инфографика «Где мы живем» похожа на классическую пирамиду потребностей:

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

Если вы решили освоить навык создания инфографики, вам пригодятся следующие рекомендации:

Определитесь с идеей, сформулируйте ее как можно проще.

Уменьшите количество текста. Оставьте самую суть, главную мысль. Помните, что в примерах хорошей инфографики количество текста стремится к нулю.

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

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

Создать сильный фокус

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

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

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

Приблизьтесь к простоте

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

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

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

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

Установите тему и используйте силу повествования

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

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

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

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

Тщательно визуализируйте сравнения

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

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

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

Связывание графики с контентом и аудиторией

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

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

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

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

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

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

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

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

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

http://vizualize.me

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

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

https://developers.google.com/chart/

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

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

https://www.powtoon.com

Онлайн-сервис PowToon создает анимированные презентации. Их можно сохранить в формате видеоролика или как стандартный файл со слайдами для Power Point.

https://piktochart.com

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

В бесплатной версии предлагается только три базовых шаблона. За пользование остальными сервисами нужно заплатить $29 в месяц либо $169 в год.

https://www.canva.com

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

Canva работает как конструктор, все элементы перетаскиваются мышкой, поэтому сервис доступен даже для неопытного в дизайне пользователя. С помощью огромного количества шаблонов можно создавать готовые рекламные макеты буквально за 10–15 минут.

https://www.easel.ly

Easel.ly предлагает несколько десятков бесплатных шаблонов для создания инфографики. Сервис позволяет настроить структурные элементы визуализации или отредактировать ее в соответствии с поставленными задачами.

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

https://infogram.com

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

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

https://visual.ly

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

https://venngage.com

Venngage предлагает простой и доступный сервис для создания визуализаций.

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

10 типичных ошибок при создании инфографики

1. Большой акцент на рекламе своих товаров и услуг

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

Вот несколько подходящих вариантов:

Расскажите о преимуществах вашего продукта без рекламы и ложных обещаний.

Продемонстрируйте развитие вашей индустрии из прошлого в настоящее, поведайте о планах на будущее.

Опишите этапы производства продукта.

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

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

Покажите, как люди разного пола, возраста и социального статуса могут использовать ваш продукт.

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

2. Бездумное копирование чужих идей

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

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

Для начала создайте папку и начните добавлять туда:

примеры красивой инфографики с запоминающимся дизайном;

интересные мысли, фразы и факты;

цепляющие заголовки;

все понравившиеся статьи по вашей тематике;

собственные мысли.

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

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

3. Слишком сложная инфографика

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

4. Поверхностный подход к материалу

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

5. Банальщина

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

избегайте информации, которая уже всем известна;

находите нестандартные и удивительные факты;

раскрывайте тему под необычным углом.

6. Недостоверные факты

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

Здесь нужно быть очень внимательным:

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

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

Ссылайтесь на источники информации — это повышает доверие пользователей.

Убедитесь, что вы приводите актуальные данные.

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

7. Несоответствие дизайна теме

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

8. Неверная подача материала

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

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

9. Слишком пестрая инфографика

Рекомендуется использовать не более пяти цветов: два основных и три вспомогательных. Цвет текста и картинок должен гармонировать с общей палитрой визуализации. Для подбора цветовой гаммы используйте сервисы Adobe Kuler или Color Scheme Designer.

10. На инфографике нет свободного пространства

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

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

что это такое, как ее сделать, примеры и программы для создания

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примеры

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

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

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

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

Инфографика — это… Что такое Инфографика?

Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний.

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

Определения

Возможно, этот раздел содержит оригинальное исследование.

Добавьте ссылки на источники, в противном случае он может быть удалён.
Дополнительные сведения могут быть на странице обсуждения. (25 мая 2011)

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

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

Особенности инфографики

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

Составляющие успеха инфографики

Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной^[1]^[2]^[3]^[4]:

Своевременность
Привлекательная, понятная тема
Плавный, красивый, эффективный дизайн
Удобство распространения
Учёт целевой аудитории
Цифры могут говорить сами за себя
Внутренняя целостность
Эмоциональные цвета
Качественные диаграммы
Выбор масштаба
Создание истории
Выбор интересных фактов
Визуализация
Упрощение
Использование линии времени
Определение концепции и цели
Авторитетность и надёжность источников
Учёт отзывов от заказчика

Разновидности

Несмотря на то, что инфографика может применяться практически в любой дисциплине, специалист может выделить некоторые категории инфографики^[5]:

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

Инфографика различных видов

Статистика по проекту Wikipedian in Residence

Линия времени о работах Джона Баскервиля

Инфографика на тему Social media brandsphere

Принцип создания и восприятия инфографики

История

В СССР инфографика широко применялась при оформлении павильонов ВДНХ, где был создан «Производственно-оформительский комбинат» (ПОК ВДНХ), на котором работали преимущественно выпускники художественно-оформительского отделения МГАХУ памяти 1905 года^{[источник не указан 64 дня]}. Одними из первых стали использовать сочетание графики и текста издатели газеты USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям). Со временем выяснилось, что инфографика является не только технологией, не только сферой бизнеса, но и искусством. При этом, степень владения этим искусством напрямую влияет на доходность издательского бизнеса. Именно поэтому сегодня такие журналы как «Эсквайр» и «Нью-Йоркер» выделяют на создание инфографики 3—4 ведущих дизайнеров и одного журналиста — автора стержневой идеи.

Примечания

Литература

Edward R. Tufte The Visual Display of Quantitative Information. — 16. — Graphics Press, 1983. — P. 197.

Ссылки

Инфографика — Википедия. Что такое Инфографика

Инфогра́фика (от лат. informatio — осведомление, разъяснение, изложение; и др.-греч. γραφικός — письменный, от γράφω — пишу) — это графический способ подачи информации, данных и знаний, целью которого является быстро и чётко преподносить сложную информацию^[1]^[2]. Одна из форм графического и коммуникационного дизайна.

Подходы

Инфографика — визуализация данных или идей, целью которой является донесение сложной информации до аудитории быстрым и понятным образом^[1]^[2]. Средства инфографики помимо изображений могут включать в себя графики, диаграммы, блок-схемы, таблицы, карты, списки^[1].

Существуют два противоположных подхода к дизайну инфографики, расходящиеся в вопросах значимости для инфографики эстетики и украшений. За одним из них, исследовательским (англ. explorative), берущим начало в вековых традициях оформления научных работ, стоит Эдвард Тафти, автор нескольких основополагающих работ по информационному дизайну. Он ратует за минималистский характер инфографики, при котором всё несущественное для передачи информации должно быть опущено, а сама информация должна быть передана максимально точно. Основной целью этого подхода является стремление к донесению информации до целевой аудитории. Такой подход оправдан в научной работе, анализе данных, бизнес-аналитике. Другой подход, сюжетный, повествовательный (англ. narrative) свойственен Найгелу Холмсу (Nigel Holmes^[en]), наиболее известному по его иллюстрациям редакционных колонок в Time с 1978 по 1994 год, называемому им explanation graphics^[3] — «поясняющие иллюстрации». Этому подходу присуще стремление к созданию привлекательных для читателя образов, выразительного дизайна, иллюстративности. Это не просто получение информации, но и развлечение для читателя. Сферой применения этого подхода можно считать журналистику, блоги, маркетинговые и рекламные материалы. Таким образом, исследовательский подход подразумевает извлечение нужной информации самим читателем, тогда как повествовательный уже содержит заключение, к которому читатель должен прийти^[4].

Инфографика может использоваться для создания ложного представления о статистических данных и манипулирования общественным мнением. Использование инфографики для этих целей подробно рассмотрено в главе «The One-Dimensional Picture» классической^[5] книги Дарелла Хаффа (англ.)русск. «Как лгать при помощи статистики».

Особенности

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

Составляющие успеха инфографики

Практикующие дизайнеры выделяют несколько аспектов, учёт которых позволяет сделать инфографику успешной^[6]^[7]^[8]^[9]:

Своевременность
Привлекательная, понятная тема
Плавный, красивый, эффективный дизайн
Удобство распространения
Учёт целевой аудитории
Цифры могут говорить сами за себя
Внутренняя целостность
Эмоциональные цвета
Качественные диаграммы
Выбор масштаба
Создание истории
Выбор интересных фактов
Визуализация
Упрощение
Использование линии времени
Определение концепции и цели
Авторитетность и надёжность источников
Учёт отзывов от заказчика

Кроме того, можно выделить три столпа, на которых основывается хорошая инфографика^[10]:

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

Разновидности

Несмотря на то, что инфографика может применяться практически в любой дисциплине, специалист может выделить некоторые категории инфографики^[11]:

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

По способу отображения инфографика подразделяется на следующие виды^[12]:

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

По типу источника различают 3 основных вида инфографики:

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

Инфографика различных видов

Линия времени о работах Джона Баскервиля

Инфографика на тему Social media brandsphere

Принцип создания и восприятия инфографики

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

Ключевыми форматами инфографической коммуникации являются^[13]:

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

Движущиеся изображения, особенно в сочетании со звуковым сопровождением, привлекают внимание людей больше, чем статические изображения. Этот вид инфографики становится всё более популярным. Технологии HTML5, CSS3 и JavaScript (ранее — Flash) позволяют располагать текстовый и графический материал поверх видео, создавая эффект расширенной реальности^[14].

Интерактивные инфографические интерфейсы (англ. interactive infographic interfaces) варьируются от самых простых до сложных и динамических. Этот вид инфографики особенно приспособлен для презентации большого объёма данных и привлечения пользователя к активному исследованию при получении требуемой им информации. Через интерактивный интерфейс можно подать как фиксированную информацию (англ. hard-coded), информацию о ситуации в виде приборной доски, а также обновляющуюся информацию в реальном времени^[15].

Интерактивная визуализация фиксированной информации в наиболее простом варианте может быть аналогична презентации или слайд-шоу, где от пользователя может потребоваться лишь переходить от одного слайда к другому. Другим случаем может быть нагруженная данными географическая карта, которая визуально представляет данные о выбранном пользователем регионе (скажем, при движении мыши над этим регионом)^[15].

Фиксированная интерактивная визуализация набора данных, динамически обновляющаяся в случае внесения изменений в наборе данных. В этом решении данные отделены от движка визуализации, да и обновлять подчас огромный объём данных вручную может быть слишком дорогим занятием. Примером данного подхода может служить фоновая картограмма карты США с обозначенными уровнями безработицы^[16]^[15].

Динамический интерактивный интерфейс позволяет по требованию обновлять как отображение, так и отображаемую информацию. Примеры данного вида интерактивной инфографики можно найти в программах для разного рода аналитики и CRM. В качестве хорошего примера интерфейса можно назвать бесплатный сервис управления финансами mint.com. Хотя обычно в таких системах пользователь сам выбирает временные периоды, визуализируемые данные и форму их отображения, и в этом случае сюжетное изложение возможно наряду с исследовательским^[15].

История

В СССР инфографика широко применялась при оформлении павильонов ВДНХ, где был создан «Производственно-оформительский комбинат» (ПОК ВДНХ), на котором работали в том числе выпускники художественно-оформительского отделения МГАХУ памяти 1905 года и МГХПА им. Строганова.

Одними из первых в газете стали использовать сочетание графики и текста издатели USA Today, запустившие свой проект в 1982 году. За несколько лет газета вошла в пятерку самых читаемых изданий страны. Одним из наиболее заметных и востребованных читателями нововведений USA Today стали детальные, хорошо прорисованные картинки с поясняющими комментариями — инфографика. Американские читатели быстро поняли и приняли преимущества такого способа передачи информации — инфографика передавала сообщение быстрее, чем текст (один качественно сделанный рисунок заменял несколько страниц текста) и подробнее, чем стандартная иллюстрация (благодаря детальности рисунка и точным тезисным комментариям).
Со временем выяснилось, что инфографика является не только технологией, не только сферой бизнеса, но и искусством. При этом, степень владения этим искусством напрямую влияет на доходность издательского бизнеса. Именно поэтому сегодня такие журналы как «Эсквайр» и «Нью-Йоркер» выделяют на создание инфографики 3—4 ведущих дизайнеров и одного журналиста — автора стержневой идеи.

Одним из пионеров в создании интерактивной графики можно считать Дона Виттекинда (Don Wittekind), приглашённого газетой South Florida Sun-Sentinel^[en]. Мультимедийная галерея The Edge, созданная в Sun-Sentinel с помощью программы Adobe Director и позднее перенесённая на Macromedia Flash, стала образцом для подражания многих профессионалов. Интерактивную графику приняли на вооружение и другие онлайн-медиа^[17].

В России в 2011 году появился журнал «Инфографика», главной особенностью которого стало отсутствие текстов и представление всей информации в виде инфографики^[18].

Примечания

↑ ¹ ² ³ Newsom, Haynes, 2010, p. 220-221.
↑ ¹ ² Mark Smiciklas (2012). The Power of Infographics: Using Pictures to Communicate and Connect with Your Audience.
↑ Nigel Holmes Explanation Graphics
↑ Lankow, Ritchie, Crooks, 2012, VARIED PERSPECTIVES ON INFORMATION DESIGN: A BRIEF HISTORY.
↑ «Over the last fifty years, How to Lie with Statistics has sold more copies than any other statistical text.» J. M. Steele. «Darrell Huff and Fifty Years of How to Lie with Statistics. Statistical Science, 20 (3), 2005, 205—209.
↑ 4 Key Ingredients For Designing Successful Infographics
↑ Dayne Shuda, Three Case Studies of Infographic Success
↑ 5 Rules for Infographic Success Архивная копия от 17 октября 2012 на Wayback Machine
↑ Tom Howlett, 50 Elements That Make Infographics Successful (with examples)
↑ Lankow, Ritchie, Crooks, 2012, WHAT MAKES A GOOD INFOGRAPHIC?.
↑ John Bottom, How do you define an infographic?
↑ Нестерович А. В., Инфографика Архивная копия от 2 октября 2013 на Wayback Machine
↑ Lankow, Ritchie, Crooks, 2012, INFOGRAPHIC FORMATS: CHOOSING THE RIGHT VEHICLE FOR YOUR MESSAGE.
↑ Lankow, Ritchie, Crooks, 2012, MOTION GRAPHICS.
↑ ¹ ² ³ ⁴ Lankow, Ritchie, Crooks, 2012, INTERACTIVE INFOGRAPHICS.
↑ Choropleth
↑ Cairo, 2012, The Rise of Interactive Graphics.
↑ Сайт журнала «Инфографика»

Литература

История мира в инфографике. — М.: Альпина Паблишер, 2014. — ISBN 978-5-9614-4525-1.
Edward R. Tufte. The Visual Display of Quantitative Information. — 16. — Graphics Press, 1983. — P. 197.
Lankow, J. and Ritchie, J. and Crooks, R. Infographics: The Power of Visual Storytelling. — Wiley, 2012. — 264 p. — ISBN 9781118420065.
Alberto Cairo. The Functional Art: An introduction to information graphics and visualization. — New Riders, 2012. — 384 p. — ISBN 978-0-13-304118-7.
Newsom, D. and Haynes, J. Public Relations Writing: Form \& Style. — Cengage Learning, 2010. — 448 p. — ISBN 9781439082720.

Ссылки

Виды инфографики | Блог 4brain

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

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

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

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

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

Понять отличие инфографики от близких ей типов визуализации поможет сравнение по критериям «создание», «эстетика» и «количество данных» [Iliinsky, Steele, 2011].

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

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

Рисунок 1. Инфографика «Один день с водой». Без цифр и подписей смысл рисунков трудно расшифровать. Изображения просто иллюстрируют текстовые вставки. Источник: infographer.ru

Рисунок 2. Инфографика «Круговорот воды» понятна и без текстовых пояснений. Источник: infographer.ru

Инфографика выполняет разные функции в зависимости от сферы применения:

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

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

Два подхода к визуализации

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

Исследовательская инфографика

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

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

Рисунок 3. Пример инфографики исследовательского типа «Атлантический кодекс» Леонардо Да Винчи. Проект codex-atlanticus.it создан к 500-летию со дня смерти гениального художника. Оцифрованные страницы рукописи можно изучить по нескольким показателям (году, изображенным объектам, тематике) и найти тенденции и закономерности, интересующие зрителя. Авторы не предлагают никаких конкретных выводов, но представляют 1119 страниц рукописи в удобной для исследования форме.

Объяснительная инфографика

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

Всемирно известный графический дизайнер Найджел Холмс, сторонник объяснительного подхода к инфографике говорит: «Я всегда был защитником легкого юмора в информационной̆ графике. Это способ подружиться с читателем/зрителем/пользователем, помогая ему расслабиться, когда он сталкивается с набором чисел или научных концепций. Я старался сделать чтение и понимание графики приятным процессом, а не скучной̆ домашней̆ работой̆. Многие представители науки и дизайнеры данных ненавидят такой̆ подход».

Рисунок 4. Пример объяснительной инфографики «Фото в стиле Да Винчи». Автор показывает результаты исследования 80 картин Леонардо: цветовой гаммы, освещения и ракурса изображений моделей.

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

Сравним две карты конца 19 века. Первая отражает исследовательский подход, вторая – объяснительный.

Карта 1. Шкала температур на карте мира Вильгельма Эбеля,1850 год. Original from British Library. Digitally enhanced by rawpixel. CCO Public Domain

Карта 2. Карикатурная карта Европы 1878 года, Августо Гросси. Original from Library of Congress. Digitally enhanced by rawpixel. CCO Public Domain

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

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

Существуют различные классификации инфографики, основанные на отдельных характеристиках:

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

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

Все объясняющие рисунки Роэм разделил на 6 категорий: «портрет» (кто/что?), «график, диаграмма» (сколько?), «карта» (где?), «линия времени» (когда?), «схема» (зачем?) и «графическое уравнение» (почему?)

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

Рассмотрим каждый вид инфографики подробнее в связи с соответствующим типом речи.

Описание

Описывая что-либо, мы рассказываем о том, как это выглядит, много этого или мало и где оно расположено. Графическими аналогами текстов описаний являются инфографика «портрет», «график, диаграмма» или «карта».

Портрет

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

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

Рассмотрев эту инфографику, мы можем узнать составные элементы логотипа группы Queen:

А что мы можем понять отсюда?

«Горячие факты о солнце. Температура, поверхность, излучение…» Автор: mhrybykk, Courtesy NASA/JPL-Caltech.

Популярная разновидность инфографики-портрета — сравнение (vs, versus), когда наиболее значимые элементы показываются в сравнении с аналогичными объектами.

Переходим к следующему виду.

График / диаграмма

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

Профессиональная карьера современной молодежи, инфографика ВЦИОМ

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

Медийный досуг детей в России.

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

1000 самых частотных слов русского языка.

Третий подвид информационной графики описания – карта.

Карта

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

Карта расположения 18 тысяч астероидов солнечной системы. Автор: TabletopWhale, Courtesy NASA/JPL-Caltech.

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

Повествование

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

Линия времени

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

Грамматика: 12 времен в английском языке.

9 фильмов Квентина Тарантино на линии времени.

График действия сателлитов космического аппарата NOAA-N / National Oceanic & Atmospheric Administration (NOAA) (CC0 Public domain). В верхней части инфографики мы видим шкалу «год» с 1978 по 2002 годы.

И, наконец, за повествованием идет рассуждение и виды инфографики, присущие ему.

Рассуждение

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

Схема

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

Пример инфографики-схемы – структуры разных организаций в юмористических схемах Ману Корнета (Manu Cornet, CC BY-SA 3.0, commons.wikimedia.org).

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

Изображение: By Nuclear Regulatory Commission from US — Typical Pressurized-Water Reactor, Public Domain, commons.wikimedia.org. Схема водо-водяного ядерного реактора изображает связь его составных частей, называет их. Стрелки показывают движение энергии и помогают зрителю представить, как работает устройство. Мы видим, что происходит в начале процесса (причина), и какой эффект это оказывает (следствие):

Майнд-карта «Управление временем», jean-louis Zimmermann, www.flickr.com

Графическое уравнение

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

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

Например, зависимость уровня здоровья от уровня доходов населения, доказанная с помощью графика с переменными показателями авторами проекта www.gapminder.org.

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

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

Заключение

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

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

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

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

Желаем удачи и успехов в новых проектах!

Автор: Алексей Демин

Что такое инфографика: типы, примеры, советы

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

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

Но , что такое инфографика ? Чтобы лучше понять инфографическое определение, полезно знать, откуда появился этот термин. Инфографика — это портмоне «информации» и «графики». Инфографика (информационная графика) — это визуальное представление информации, цель которой сделать данные на первый взгляд легко понятными.

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

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

видов инфографики

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

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

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

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

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

Информационная инфографика

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

через сеть создателей вакансий

Хронология инфографики

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

через citifmonline

Графики инфографики

Сharts infographic имеет диаграмму как центральную часть визуализации информации. Цвета, формы и значки могут быть добавлены для акцента и / или объяснения. Графики работают лучше всего при выполнении базового сравнения элементов. Случаи, когда инфографика на диаграммах будет иметь отношение, включают число студентов в различных университетах, число подписчиков Твиттера в различных баскетбольных командах или население в некоторых городах.

через Statista

круговых диаграмм инфографики

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

через The Guardian

Как инфографики

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

через Lender411

Процесс инфографики

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

через 4506-стенограммы

Сравнение инфографики

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

через Siteber

Номер инфографики

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

через ISTE

Резюме инфографики

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

через большое интервью

Визуальные элементы инфографики

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

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

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

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

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

через Visage

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

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

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

инфографики шрифты

В последние годы количество шрифтов резко возросло. Теперь существует гораздо больше вариантов шрифтов для инфографики, чем обычные Times New Roman, Arial, Calibri и Comic Sans. Шрифты можно классифицировать несколькими способами, но многие эксперты помещают их в четыре широкие группы: с засечками, без засечек, надписи и декоративные.

Шрифты с засечками

(например, Merriweather и Times New Roman) имеют небольшие строки в конце каждой буквы и считаются более формальными.Sans-Serif буквально означает «без засечек», и эти шрифты (например, Arial, Helvetica и Lato) не имеют маленьких линий. Они более обтекаемые и современные, чем шрифты с засечками. Скриптовые шрифты имеют ощущение почерка и выглядят как забавные, случайные или элегантные. Декоративные шрифты имеют новизну для них (например, снежные шрифты на рождественской графике) и должны использоваться экономно и для конкретных предметов.

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

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

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

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

через Visage

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

Иконки инфографики

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

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

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

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

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

через Visage

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

Инфографики

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

через Visage

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

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

Инструменты инфографики

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

Lunacy Editor

Платформа: Windows
Цена: Бесплатно

Сначала Lunacy разрабатывался как средство просмотра Sketch для Windows, потому что проблема с открытием.Файлы скетчей всегда были кошмаром для людей, у которых не было Mac. Но он быстро становится мощным инструментом сам по себе. С Lunacy вы можете не только открывать файлы .sketch, но и выполнять несколько функций редактирования: организовывать страницы и монтажные области, рисовать, объединять и выравнивать объекты и использовать типографику. Выпущенная в версии 5.0, Lunacy представляет собой надежный и улучшенный редактор векторной графики с интегрированными значками, фотографиями, маскированными изображениями и иллюстрациями. Это Sketch for Windows с разнообразными возможностями проектирования, широкими функциональными возможностями и повышенной производительностью.

Добавьте к этому экспорту в PNG и SVG, поддержку кода CSS и XAML, и вы получите мощный инструмент векторного редактирования без необходимости использовать кучу костылей, чтобы файлы .sketch работали в Windows. Портативная версия поставляется в качестве бонуса.

Плюсы:

Первый полнофункциональный редактор .sketch для Windows
Постоянные обновления
Портативная версия
Активная разработка и поддержка

Piktochart
Цена: Бесплатно (Платные планы начинаются с 15 $ в месяц)

Piktochart имеет сотни шаблонов на выбор, хотя это не мешает вам создавать свои собственные с нуля.Новые шаблоны добавляются еженедельно. К вашим услугам инфографические объекты: карты, диаграммы, фотографии и значки. Импортируйте свои данные в Piktochart из Microsoft Excel, Google Spreadsheet или SurveyMonkey. Готовая инфографика может быть размещена на веб-сайте или загружена и распространена в формате PDF, PNG или JPEG.

Canva
Цена: Бесплатно (Обновление до Canva for Work за 12,95 $ за пользователя / месяц)

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

Venngage
Цена: Бесплатно (Премиум-план $ 16 в месяц)

Хотя большинство других инструментов для инфографики можно использовать в самых разных дизайнерских проектах, включая отчеты и слайд-шоу, Venngage сосредоточена на инфографике.Через несколько простых шагов ваша инфографика может быть готова для распространения в короткие сроки. Включите значки, карты и диаграммы, чтобы создать впечатляющий дизайн. Venngage имеет относительно немного шаблонов (чуть более 100), что может быть проблемой для дизайнеров-любителей. Тем не менее, Venngage имеет расширенный вариант дизайна для большего контроля над объектами и графикой. Инфографикой можно поделиться в социальных сетях, встроить на сайт или загрузить в формате PDF или графического файла.

Visme
Цена: Бесплатно (Стандартный тариф стоит $ 10 / месяц)

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

Easelly
Цена: Бесплатно

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

Заключение

Инфографика

стала мощным инструментом для анализа больших наборов данных и объяснения информации. В прошлом создание инфографики было прерогативой немногих из-за высокой стоимости программного обеспечения (такого как Adobe Photoshop) и сложности процесса проектирования.Благодаря многочисленным недорогим (или бесплатным) и простым в использовании онлайн-инструментам, например редактору Lunacy, для создания качественной инфографики не потребуется столько времени и усилий.

Инструменты

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

Попробуйте бесплатные инструменты для создателей команды Icons8

Photo Creator , бесплатное средство создания коллажей с технологиями на основе искусственного интеллекта для создания пользовательских фотографий для вашей истории

Pichon , настольное приложение для загрузки значков и картинок и использования их в автономном режиме

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

Что такое инфографика? Примеры, шаблоны, советы по дизайну

Поскольку инфографика появилась на сцене графического дизайна около десяти лет назад, она стала основой для общения в классах, на рабочем месте и в Интернете.
Но если вы новичок в мире дизайна, термин «инфографика» может быть вам чужд.
Вы можете задаться вопросом …
Сегодня я дам вам ускоренный курс по инфографике и дизайну инфографики (вместе с примерами шаблонов инфографики), чтобы ответить на все эти и многие другие вопросы!
СОЗДАТЬ ИНФОГРАФИКУ
Что такое инфографика? Определена инфографика:
Согласно Оксфордскому словарю английского языка, инфографика (или информационная графика) — это «визуальное представление информации или данных».
Но смысл инфографики — нечто гораздо более конкретное.
Инфографика — это набор изображений, диаграмм и минимального текста, который дает простой для понимания обзор темы.
Как и в приведенном ниже примере, в инфографике используются яркие, привлекательные визуальные элементы для быстрой и четкой передачи информации.

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Наиболее визуально уникальная, креативная инфографика зачастую наиболее эффективна, потому что она привлекает наше внимание и не отпускает.
Но важно помнить, что визуальные элементы в инфографике должны делать больше, чем просто возбуждать и привлекать. Они должны помочь нам понять и запомнить содержание инфографики, как видно из этой инфографики о чтении пальм от Цзин Чжана:

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

СОХРАНИТЬ МОЕ МЕСТО
Почему используется инфографика?
Инфографика
отлично подходит для облегчения усвоения сложной информации.Они могут быть полезны в любое время:
Если вам нужно быстро рассказать кому-то о чем-то, что трудно объяснить одними словами, инфографика — это хороший путь.
Это означает, что инфографика может быть полезна практически в любой отрасли.
Маркетинговая инфографика
Маркетологи используют инфографику для повышения узнаваемости бренда и повышения вовлеченности:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Маркетологи могут использовать инфографику для:
Консалтинг и фрилансер инфографика
Консультанты используют инфографику графика времени для визуализации графика проекта и упрощения новых / отраслевых тем для своих клиентов:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН ВРЕМЕНИ
Консультанты используют инфографику для:
Представьте данные по-новому в клиентских презентациях
Укрепите свои аргументы и визуализируйте сроки в клиентских предложениях
Доставлять отчеты о проделанной работе клиентам.Включите инфографику в свой отчет для визуализации сроков проекта или прогресса «по номерам»
Малый бизнес и предпринимательство инфографика
Малые предприятия и предприниматели используют инфографику, чтобы привлечь новую аудиторию и повысить узнаваемость бренда:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Малые предприятия и предприниматели могут использовать инфографику для:
Государственная инфографика
Правительства используют инфографику для обмена статистическими данными и данными переписи:

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

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Некоммерческие организации используют инфографику для:
Сделайте данные и информацию о данной причине легкой для понимания.Это может быть применено к информационному бюллетеню , , кампании в социальных сетях , странице пожертвований , афише и многим другим.
Планирование стратегии кампании
Показать результаты сбора средств, который можно отправить донорам по электронной почте
Выделите результаты в годовом отчете
Продемонстрируйте успехи в отчете о воздействии
Визуализация информации в кризисных коммуникациях
Образование инфографика
Педагоги используют инфографику, чтобы сделать контент более запоминающимся для студентов:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Нужно объяснить сложный процесс? Наша инфографика процессов может помочь визуально представить громоздкие процессы.
Инфографика может быть полезна, когда вам нужно быстро передать информацию или в любое время, когда вы хотите повлиять на ваши данные или ваше сообщение.
Как создать инфографику?
Если я убедил вас, что инфографика — это инструмент, который вы должны использовать, вы, вероятно, задаетесь вопросом, как создать собственную инфографику.
Наше пошаговое руководство по созданию инфографики — отличный ресурс.
В этом видео-руководстве также показано, как создать инфографику всего за 5 шагов:

ПОПРОБОВАТЬ VENNGAGE
Независимо от того, насколько вы взволнованы, чтобы начать делать свою самую первую инфографику, вы не должны прыгать в процесс проектирования без плана игры.
Вместо этого начните с создания инфографики.
Организуйте свою информацию с помощью инфографики
Процесс создания схемы поможет вам упорядочить свои мысли и обеспечить работу контента в инфографике.
Создайте схему инфографики из существующего контента, выполнив следующие 4 шага:
Определите ключевые выводы вашего контента
Определите заголовок, заголовки, подзаголовки и факты
Рассмотрим длину абзацев и точек
Включить заметки для дизайнера

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Начиная с схемы в этом формате, вы гарантируете, что остальная часть процесса проектирования пройдет гладко.
Для более подробного ознакомления с этим процессом, ознакомьтесь с нашим руководством по , как создать инфографику .
Выберите шаблон инфографики
После того, как вы получили схему, вы готовы выбрать инфографический шаблон.
Готовые инфографические шаблоны (как на приведенном ниже) могут дать вам вдохновение в дизайне, которое вам нужно, чтобы получить инфографику. Даже простое использование их в качестве отправной точки может быть полезным.

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
При выборе шаблона инфографики необходимо учитывать множество факторов, включая цвета, шрифты, длину, размер и стиль каждого шаблона, а также то, насколько хорошо каждый из этих факторов соответствует вашему контенту.
Но самое главное, вам нужно выбрать правильный тип инфографики шаблон для вашего контента.
Какие виды инфографики вы спрашиваете?
Какие существуют виды инфографики?
В Venngage наша библиотека шаблонов инфографики разделена на 9 различных категорий:
Статистическая инфографика
Информационная инфографика
Хронология инфографика
Процесс Инфографика
Географическая инфографика
Сравнительная инфографика
Иерархическая инфографика
Список инфографики
Резюме инфографика
Это видео суммирует эти 9 типов инфографики и когда их использовать:

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

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

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

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Они, как правило, содержат гораздо меньше текста, чем информационная инфографика, и имеют меньше повествовательного потока. Вместо этого они делают заявления с большими цифрами и независимыми фактами, как эта инфографика из Интернета вещей.

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

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

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
В качестве альтернативы, когда структура информации находится в центре внимания инфографики (как в организационной диаграмме или блок-схеме), может быть полезно явно связать связанные элементы со строками.Как в этой маркетинговой схеме инфографики:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Нажмите на шаблон выше, чтобы создать организационную схему. Отредактируйте шаблон по своему вкусу — опыт проектирования не требуется.
Хотите получить дополнительные советы по организации вашей информации в инфографике? Посмотрите наше пошаговое руководство по , как обобщить информацию и представить ее визуально .
Используйте один контрастный цвет, чтобы привлечь внимание ваших читателей
Еще один важный элемент дизайна — это цвет.Естественно, мы склонны использовать цвет, чтобы инфографика выглядела красиво, но цвет также можно использовать как мощный инструмент коммуникации.
Точно так же, как линии и границы, цвета могут использоваться для обозначения информационных групп, как показано на примере инфографики бизнес-стратегии ниже:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Но что еще более важно, мы можем использовать цвет, чтобы привлечь внимание к конкретным частям информации и отодвинуть вспомогательную информацию на задний план.
Выберите один цвет, который контрастирует со всеми другими цветами на графике, и используйте его, чтобы выделить наиболее важную информацию.
Возьмите инфографику ниже, например. Яркие желтые круги контрастируют с синим фоном, чтобы выделить значки (самый важный визуальный аспект рисунка). Эта стратегия также очень модная — цветовые пятна — одна из самых больших тенденций графического дизайна 2020 года.

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Нужна вдохновение для инфографики? Посмотрите наше руководство по , как выбрать цвета для инфографики .
Создание текстовой иерархии с тремя различными стилями шрифта
Шрифты — это одна из первых вещей, которую люди замечают, когда впервые смотрят инфографику. При неправильном выборе шрифты могут испортить отличную инфографику. Наша сводка популярных типов шрифтов поможет вам выбрать правильный путь.
Ключом к правильному использованию шрифтов в инфографике является создание иерархии открытого текста с тремя различными стилями шрифтов — один для основного заголовка, один для заголовков разделов и один для основного текста.

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

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Дополнительные советы и рекомендации по использованию шрифтов для инфографики см. В нашем руководстве, посвященном , по выбору шрифтов для инфографики .
Используйте изображения, значки и иллюстрации, чтобы запоминать ключевые блюда на вынос
И последнее, но не менее важное: убедитесь, что в центре внимания вашей инфографики такие визуальные элементы, как изображения, символы, значки, иллюстрации и диаграммы.
Визуальные элементы имеют решающее значение для того, чтобы сделать вашу информацию интересной и запоминающейся. Лучшая инфографика имеет равный баланс текста и изображения.
Самый простой способ убедиться в наличии достаточного количества визуальных элементов на графике — добавить значок для представления каждого заголовка, как показано в примере ниже:

ПОЛУЧИТЕ ЭТОТ ШАБЛОН
Или, что еще лучше, создайте наглядные примеры каждой основной точки в инфографике, как показано в этом примере от Elle & Company:

Важно также повеселиться с вашим дизайном.Это не должно быть строго деловым и серьезным. Инфографика должна быть увлекательной и запоминающейся, а иллюстрации — отличным повествовательным средством.
Создание инфографики с большим объемом данных и вам нужна помощь для визуализации ваших данных? Ознакомьтесь с нашими руководствами по , которые разрабатывают эффективные диаграммы и , выбирая лучшие диаграммы для вашей инфографики .
Заключение
Лучшая инфографика использует комбинацию текста, изображений и данных для информирования и привлечения.
Если вы готовы создать инфографику, которая обеспечивает идеальный баланс между весельем и образованием, убедитесь, что вы следуете следующим рекомендациям по дизайну инфографики:
Используйте линии, границы и фигуры для группировки связанной информации.
Используйте один контрастный цвет, чтобы привлечь внимание к ключевой информации.
Создайте текстовую иерархию с тремя различными стилями шрифта.
Используйте изображения, значки и иллюстрации, чтобы запоминать ключевые выносы.
Для получения дополнительной помощи по началу работы с первой инфографикой ознакомьтесь с этим руководством: Как создать инфографику за 5 шагов .
,
Что такое инфографика?
Инфографика — это форма визуального общения, предназначенная для привлечения внимания и улучшения понимания. Обратитесь к этой странице, чтобы получить общее представление об инфографике.
Краткое описание инфографики

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

Использование инфографики

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

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

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

Хронология инфографики

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

Графики инфографики

Инфографика диаграмм визуализирует большинство данных с помощью диаграмм, таких как круговая диаграмма, гистограмма, линейная диаграмма, пузырьковая диаграмма, кольцевая диаграмма, диаграмма значков и т. Д. В сочетании с правильными цветами, формами и символами, которые могут помочь в объяснении и выделении, диаграммы инфографики могут иллюстрировать данные привлекательным и легко усваиваемым способом. Для создателей инфографики рекомендуется использовать создатель инфографики Edraw, поскольку все встроенные диаграммы и графики в программе легко настраиваются.Это сэкономит вам массу времени, чем при использовании Photoshop или Adobe Illustrator.

Как инфографики

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

Процесс инфографики

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

Сравнение инфографики

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

Резюме инфографики

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

Преимущества использования инфографики

Инфографика популярна как мощный инструмент для анализа больших наборов данных и объяснения информации.Давайте рассмотрим шесть наиболее заметных преимуществ использования инфографики.
1. Привлекательный. Инфографика объединяет образы, цвета, движение вместе, что естественно привлекает внимание аудитории.
2. Упростите сложные концепции или идеи. Вы можете создавать красочные диаграммы или графики, чтобы выделить тренды или показать конкретные детали.
3. Удобно и легко делиться. Инфографика доступна для обмена при использовании в Интернете.Например, инфографика, опубликованная на веб-сайте, обычно содержит код для встраивания.
4. Улучшение SEO. Хорошо продуманная приятная инфографика может повысить рейтинг вашего сайта, заработать больше лайков, подписчиков и трафик.
5. Покажите свою экспертизу. Использование графических элементов, таких как таблицы, диаграммы, графики, рисунки и т. Д., Может сделать вас экспертом в этой области и повысить доверие к вашему контенту.
6. Инфографика для поиска. Люди, как правило, ищут изображения по темам, которые их интересуют, и поисковые системы будут отдавать предпочтение инфографике при выборе результатов.
Недостатки инфографики

Ниже приведены некоторые потенциальные недостатки инфографики, когда она используется не по назначению.
1. Отнимает много времени Хорошая инфографика требует много времени для подготовки. Дизайнеры должны хорошо проектировать графику и макет, а не просто искать графику и заканчивать ее за считанные секунды.
2. Легко переоценить бюджет Поскольку хорошая инфографика требует времени и изысканного дизайна, что означает выделение бюджета внештатному дизайнеру, а это может оказаться недоступным для малого бизнеса.
3. Трудно четко выразить Из-за ограничения размера бумаги, как правило, недостаточно места для абзацев информации, поэтому трудно четко выразить вещи.
4. Не очень оптимизирован для SEO Поисковым системам сложно распознавать инфографику, если она не проиндексирована.
Скачать шаблоны инфографики бесплатно

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

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

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

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

Советы по созданию инфографики

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

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

,
Что такое инфографика? Узнайте, что они и зачем они полезны

Что такое инфографика? Хотя в последнее десятилетие инфографика стала инструментом маркетинга, мы все еще часто получаем вопросы о различных терминах, используемых для описания этой области дизайна. В чем разница между визуализацией данных, информационным дизайном, визуальным контентом и инфографикой? Путаница понятна. Многие из ярлыков не только накладываются друг на друга, но и могут быть открыты для индивидуальной интерпретации.Это становится сложно.
К счастью, как агентство с десятилетием в инфографике (и книге для загрузки), мы здесь, чтобы демистифицировать инфографический мир для вас и дать вам представление о мире инфографики, почему они полезны, и как вы можете воспользоваться этим захватывающим средством.
Что такое инфографика?
Ну, давайте начнем с самого слова. «Инфографика» является портом слов «информация» и «графика». По сути, инфографика — это форма визуального общения, предназначенная для привлечения внимания и улучшения понимания.В эту эпоху «инфографика» стала самым широким дескриптором определенного типа визуальной коммуникации, которая включает в себя графику, показывающую данные, копию или и то, и другое. Вы, вероятно, сталкивались с инфографикой в журналах, в Интернете или на стене в кабинете врача.
Пример: эта образовательная инфографика для Американской кардиологической ассоциации представляет собой обзор мерцательной аритмии.

За последнее десятилетие популярность слова «инфографика» резко возросла, в основном благодаря использованию этого носителя как для фирменного, так и для редакционного контента в Интернете.Но по мере того, как шумиха вокруг этого слова росла, росли и споры о реальном ответе на вопрос: «Что такое инфографика?» Существует множество школ мысли, но мы считаем, что этот термин должен оставаться открытым и всеобъемлющим по мере развития среды.
Какие существуют типы инфографики?
Несмотря на то, что существует множество различных презентаций инфографики, существует три основных категории, в которые может попасть инфографика:
Визуализация данных
Информационный дизайн
Редакционная инфографика
Каждая из них служит своей цели и может стать мощным повествованием инструмент — при правильном применении.Давайте рассмотрим разницу между ними.
1) Инфографика визуализации данных
Возможно, вы знакомы с визуализацией данных в виде базовых диаграмм и графиков. Визуализация данных — это просто визуальное представление данных. Мы считаем это художественной наукой, так как она использует эстетику дизайна для улучшения понимания, синтеза и, в конечном итоге, запоминания данных. Если вы смотрите на мета-шаблоны или отдельные точки данных, визуализация данных переводит эти данные на визуальный язык, который вы можете легко и мгновенно понять.
В эпоху больших данных это особенно важно. Мы должны понимать цифры и уметь легко делиться историей, которую они рассказывают. Чтобы увидеть, как и почему визуализация данных настолько мощна, посмотрите это видео. (Если вы заметите, мы действительно создали видео, которое наглядно демонстрирует всю мощь визуализации данных — в данном случае.)

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

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

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

Однако при правильном выполнении визуализация данных должна быть красивой и содержательной, позволяя зрителю расшифровывать данные и распознавать тенденции, восхищаясь эстетической привлекательностью.(Чтобы глубже погрузиться, узнайте больше о том, почему вы должны использовать всю мощь повествования данных.)
2) Информационный дизайн Инфографика
Информационный дизайн — это подмножество графического дизайна, которое фокусируется на эффективном и действенном отображении информации. Это широкая категория, охватывающая множество дисциплин функционального дизайна.
Он отличается от визуализации данных тем, что сделан не из конкретных точек данных, а из концепций или другой информации, такой как процесс, анатомия, хронология или иерархия.
Пример: Этот информационный проект GOOD сравнивает тюремную еду со школьными обедами.

В своей повседневной жизни вы можете столкнуться с информационным дизайном в виде блок-схем, организационных диаграмм или графиков, поясняющих структуру и порядок таким образом, что это невозможно только с помощью текста.
Пример: Эта эпическая блок-схема «Звездных войн» от The Daily Dot является еще одним примером полезного информационного дизайна.

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

Для информационного дизайна цель состоит в том, чтобы использовать дизайн для передачи как ясного, так и универсального сообщения.
3) Редакционная инфографика
Несмотря на то, что в крупных изданиях инфографика была представлена в течение десятилетий, наблюдается изменение в стиле и типе визуального контента, который они создают. Эта тенденция также стимулируется ростом социальных.Инфографика стала общедоступным контентом, поэтому публикации охватывают среду, чтобы лучше привлекать читателей.
Ранее редакционная инфографика была ограничена простыми столбиками, линиями и круговыми диаграммами, используя иллюстрацию исключительно в более сложных функциях для отображения области или отображения анатомии объекта.
Пример: классическая редакционная инфографика из USA Today.

Однако резко возросло число публикаций, использующих графический контент для замены более традиционных редакционных функций.
Пример: ХОРОШАЯ инфографика журнала о владении оружием.

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

Хотя некоторые из этих инфографиок могут пересекать тонкую грань с рекламой, хорошие — нет.Ценность редакторского контента лучше всего осознается, если предоставить интересную информацию из уникально информированных источников.
Это не означает, что инфографика не является невероятно ценным инструментом в маркетинге. Это так, но они наиболее эффективны и эффективны, когда они представляют редакционную повесть против фирменного послания. (Более подробно об этом узнайте, как инфографика может принести пользу брендам.)
Стили дизайна инфографики
Независимо от отображаемого контента или данных — редакционных или фирменных — инфографика является более гибкой, чем когда-либо, с точки зрения их формата дизайна, что позволяет вам рассказать свою историю уникальными и привлекательными способами.Тем не менее, наиболее распространенные форматы:
Статическая инфографика
Анимированная инфографика
Интерактивная инфографика
Опять же, у каждого есть свое уникальное преимущество. История, которую вы рассказываете, а также платформа, которую вы используете для этой истории, должны влиять на то, какой формат вы выберете.
1) Статическая инфографика
Это простая инфографика, которую вы, вероятно, больше всего привыкли видеть, лучше всего использовать в блогах, статьях, брошюрах, печати и т. Д.Несмотря на то, что статическая инфографика не «движется», есть много способов сделать их визуально интересными, в том числе штриховые рисунки, иллюстрации, фотографии, изготовление бумаги и многое другое.
Пример: эта статическая инфографика от Jive — полезный элемент контент-маркетинга, легко распространяемый в Интернете или публикуемый наряду с продуманным руководством.

2) Анимированная инфографика
Анимированная инфографика, как следует из названия, является анимированной.Вы можете распознать их как GIF-файлы infoGIF. Они особенно интересны, если вы хотите привлечь внимание, что делает их идеальными для использования в социальных сетях, где они будут выделяться в чьем-то потоке контента. Их также можно использовать для улучшения онлайновых статей, учебных пособий и т. Д.
Пример. В этой анимированной инфографике Can Capital рассказывается о том, как малые предприятия адаптируются к технологиям.

Если вы хотите поэкспериментировать с этим форматом, вот 3 способа превратить вашу статическую инфографику в анимированную.
3) Интерактивная инфографика
Интерактивная инфографика — это инфографика, которая требует какого-либо действия или ввода от зрителя. Лучше всего их использовать для больших наборов данных, где простая статическая инфографика не сможет рассказать историю достаточно. С помощью интерактивной инфографики зритель может либо исследовать данные по своему усмотрению, либо руководствоваться содержательным описанием.
Пример: интерактивная визуализация данных, которую мы создали для Северо-Западного университета Катара, превратила ошеломляющие 10 миллионов ячеек данных в удобную навигацию.

Чтобы узнать больше об этом формате, узнайте, как интерактивная инфографика может рассказать вашу историю, и ознакомьтесь с этими замечательными примерами интерактивной инфографики.
Как создать инфографику
Говоря об инфографике, мы должны осознать пространство для перемен и роста. Дизайн по своей сути использует инновации и воображение для обеспечения ясности, поэтому инфографика со временем будет развиваться. Мы просто надеемся, что создатели сохранят приверженность качеству и целостности среды.
Итак, если вы чувствуете вдохновение для создания инфографики самостоятельно, вот наши лучшие советы, чтобы сделать ее успешной:
Начните с создания убедительного творческого задания. Чтобы держать вашу команду на одной странице, используйте наш удобный инфографический шаблон.
Мозговой штурм правильные идеи. Не каждая инфографическая идея подходит для вашего бренда. Если вы ищете идеи, попробуйте эти 16 методов для создания отличных инфографических идей.
Используйте правильные источники данных. Вы можете использовать внутренние или внешние данные. И то, и другое ценно, но внутреннее особенно эффективно, чтобы помочь вам рассказать уникальные, оригинальные и эксклюзивные истории данных. Здесь 9 мест для поиска внутренних данных и 104 надежных внешних источника данных. Независимо от источника, следуйте этим 5 советам для правильного источника ваших данных.
Расскажите сильную историю. Хорошая инфографика рассказывает одну историю. Следуйте этим советам, чтобы создать эффективную инфографику.
Следуйте передовым методам проектирования. Хороший дизайн — важная часть хорошего повествования. Избегайте этих 15 распространенных ошибок проектирования и убедитесь, что ваша инфографика остается на бренде. Вы также можете время от времени смешивать свой дизайн. Вот 7 различных стилей, и некоторые из наших любимых примеров минимального инфографического дизайна.
Создание надежных визуализаций данных. Хороший дизайн — это одно. Хороший дизайн данных — это другое. Искаженное представление данных с помощью небрежной визуализации может подорвать доверие к вам, поэтому убедитесь, что вы представляете данные точно и таким образом, чтобы улучшить понимание.Дополнительные советы по воплощению ваших данных в жизнь см. В нашем руководстве по разработке диаграмм и графиков, следуйте этим 25 советам, чтобы улучшить визуализацию ваших данных, и загрузите нашу бесплатную электронную книгу Руководство по маркетингу контента по рассказыванию историй.
Работа умнее. Добавьте в закладки эти 100+ инструментов и ресурсов, чтобы создать лучшую инфографику.
Ищите вдохновение. Один из лучших способов познакомиться с сильным инфографическим дизайном — это посмотреть примеры экспертов.Посмотрите эти 75 отличных примеров дизайна инфографики.
Распределите это правильно. Узнайте, как оптимизировать инфографику для SEO и продвигать ее, как это делает контент-агентство.
Обратитесь за помощью к специалисту, если вам это нужно. Если у вас нет времени, энергии или ресурсов для создания качественной инфографики, вам может помочь информационное агентство. Просто убедитесь, что они правильные партнеры для вас. Вот 10 вопросов, которые нужно задать, когда вы проверяете агентства, и несколько советов для эффективной совместной работы.
Конечно, вы всегда можете связаться с нами, чтобы задать вопросы, получить рекомендации или улучшить общую контент-стратегию. Мы будем рады помочь вам рассказать историю вашего бренда.