виды, способы использования, советы по созданию

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

Читайте наc в Telegram

Разбираемся, что происходит в мире рассылок и digital-маркетинга. Публикуем анонсы статей, обзоры, подборки, мнения экспертов.

Смотреть канал

Станьте email-рокером 🤘

Пройдите бесплатный курс и запустите свою первую рассылку

Подробнее

Инфографика — это формат контента, где минимум текста, но много графики: диаграмм, схем, карт, иконок или других изображений.

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

Основные отличия инфографики от обычной иллюстрации:

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

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

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

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

Пример инструкции от IKEA / Libble

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

Фрагмент таймлайна с историей предвыборных лозунгов США от Edu Birdie

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

Фрагмент карты Google

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

Пример инфографики от РИА «Новости»

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

Пример инфографики из Instagram*-профиля сервиса доставки Grow Food

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

Пример графика со статистикой в спецпроекте ТАСС

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

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

Пример инфографики из Instagram*-профиля сети пекарен «Буше»

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

Пример инфографики от интернет-магазина 4Fresh

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

Пример развлекательной инфографики из Instagram*-профиля бренда косметики Holika Holika

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

Фрагмент карты, которая показывает путь к театру имени Ленсовета в Петербурге

Каким может быть дизайн инфографики

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

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

Фрагмент векторной инфографики от ВЦИОМ

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

Трехмерная графика. 3D-изображения в инфографике смотрятся современно и привлекают повышенное внимание.

Фрагмент 3D-инфографики от ТАСС

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

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

Фрагмент инфографики от РИА «Новости»

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

Линейный график в спецпроекте ТАСС «Котификация рунета»

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

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

Инфографика с анимацией от «Лаборатории Касперского»

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

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

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

Пример: интерактив для подбора персонального тарифа на сайте Yota.

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

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

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

Пример инфографики от ФОМ — сама диаграмма ярче и крупнее, чем снеговик и градусник

Учитывайте гештальт-принципы. Согласно гештальт-психологии, наш мозг группирует элементы, когда они:

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

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

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

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

Пример инфографики Information is beautiful. Для каждой рубрики новостей выбрали свой цвет: зелёные — про экологию, красные — про здравоохранение. Благодаря этому в списке легко ориентироваться

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

Пример инфографики из галереи Infogram — каждая иконка подписана

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

Поделиться

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

Статьи почтой

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

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как запустить email-маркетинг с нуля?

В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️

*Вместе с курсом вы будете получать рассылку блога Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

12 проверенных способов использовать инфографику на уроке

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

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

Согласно статистике:

• пользователи бегло читают лишь ¼ текста на страницах сайта, остальное внимание отдают картинкам;
• люди рассказывают другим 20% прочитанного, 10% услышанного и 80% того, что видели или делали;
• до 90% информации поступает в мозг в визуальной форме.

Статистика использования графики

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

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

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

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

1. Побуждают к дебатам

Мишель Хайкен (Michelle Haiken), учитель средней школы в Нью-Йорке, делит детей на две группы, показывает графику сравнения и предлагает аргументировано защищать противоположные точки зрения. Так ученики не просто усваивают информацию, но и учатся сравнивать факты и убедительно доказывать свою идею.

Типичная инфографика сравнения

2. Предлагают создать свою инфографику

Диана Лауфенберг (Diana Laufenberg), школьный учитель социологии с 13-летним стажем, показывает инфографику и обсуждает вместе с классом все детали представленной информации. Затем знакомит с темой урока (к которой инфографика и относится) и делит на малые группы. Каждая группа прорабатывает отдельный аспект вопроса, создаёт и представляет остальным свою инфографику.

Инфографика «Диабет в США». Источник: GDS Infographics, flickr.com

Миа Макмикен (Mia MacMeekin) работает в Стенфорде, ведёт блог, включает инфографику в посты и презентации и получает от студентов аналогичные работы — домашние работы и отчёты по проектам в виде инфографики. На проверку такого задания преподаватель тратит гораздо меньше времени — все результаты на одном (насыщенном данными) листе. Знания видны с первого взгляда.

Одна из ярких инфографик Миа, источник: anethicalisland.wordpress.com

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

3. Играют

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

Пример прекрасной интерактивной инфографики — «Мы бежали марафон». С ней можно «играть» не один час, извлекая всё новые и новые открытия… Изображение: habrahabr.ru

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

Пример игровой школьной инфографики «Железный лабиринт». Источник: theteachingfactor.files.wordpress.com

4. Заменяют сочинения

Учитель английского языка Бретт Вогельсингер (Brett Vogelsinger) — активный борец за чтение литературы. Он предлагает своим ученикам (9 класс) свод правил, первые из которых «Выбросьте свои телефоны в океан» и «Всегда носите с собой книгу»… Кроме художественной литературы по программе требуется чтение новостей, многие из которых «продвинутый» учитель заменяет инфографикой. Ученики говорят, что это очень экономит время (и очень их радует).

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

Кстати, инфографика может быть нарисованной от руки, как этот пример. Источник: flickr.com

5. Создают комиксы и линии времени

Моника Бернс (Monica Burns) задаёт студентам-историкам собрать факты об определённом периоде и организовать их в последовательную линию времени. Учащиеся помладше рисуют комиксы, задействуя тот же принцип — собрать информацию, отобрать важные факты и расположить их в хронологическом порядке. Пересказывать историю проще по собственным комиксам и гораздо интереснее не только самому автору, но и всему классу.

Пример линии времени «Эволюция методов продажи». Источник: Gauravkakkar1 (Own work) [CC BY-SA 4.0], via Wikimedia Commons

6. Рисуют портреты литературных героев

На уроках литературы проводится анализ персонажей — героев произведений. Как описывает героя автор? Как он выглядит, во что одет, какие привычки или яркие черты говорят о его внутреннем мире? Почему герой поступил именно так? Ответы на все эти вопросы выбираются из текста — на их основе создаётся графический портрет.

Великие европейские композиторы

7. Создают фан-страницы исторических личностей

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

Ещё одна необычная находка — создание фан-страниц химических элементов. Поиск и визуализация выдающихся качеств того или иного элемента периодической таблицы. В конце цикла занятий собирается таблица «героических» химических элементов.

Перегрузки астронавта Скотта Келли в его 12-месячном путешествии в космос. Источник: НАСА (flickr.com)

8. Планируют карьеру

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

Пример графического резюме

9. Развивают цифровую грамотность

Специалист по обучению с помощью социальных медиа, блогер и отец Стивен Андерсон (Steven Anderson) объясняет законы математического моделирования и статистики на конфетах, периодическую таблицу в инфографике и развивает цифровую грамотность в задании «Узнаю всё о тебе». Школьники изучают аккаунты друг друга в социальных сетях и составляют инфографические портреты одноклассников: хобби, увлечения, путешествия, любимые книги и фильмы. Цель — обратить внимание детей на публичную информацию, размещаемую ими в сети, и на то, какими их видят другие пользователи.

Инфографика «Сетевой учитель». Источник: flickr.com

10. Учат рассуждать

В процессе изучения основ научных знаний в старших классах Гэри Роб Лэм (Gary Rob Lamb) проводит занятия «Читай и думай вслух» и «Перерисуй данные».

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

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

Photo Courtesy to Cynthia Graville-Smith, Saint Louis University. Источник: venngage.com

11. Проводят инструктаж

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

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

Инфографика «Анатомия эссе», источник: www.wright.edu

12. Публикуют в соцсетях

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

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

12 способов использовать инфографику на уроках

6 Креативных способов использования инфографики в маркетинге

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

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

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

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

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

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

В чем еще смысл этих преимуществ?

Верно — целевая страница.

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

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

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

Например, оттенки синего часто ассоциируются с доверием и надежностью, а оттенки красного иногда ассоциируются с решимостью и страстью.

Это не совсем ракетостроение. Вам просто нужно провести исследование и определить правильное сочетание цветов, которое соответствует вашим целям.

2. Запускайте их как информационные бюллетени

Как и целевые страницы, информационные бюллетени должны быть эстетически привлекательными и увлекательными; информация в нем должна быть представлена ​​лаконично, но в то же время достаточно подробно, чтобы стимулировать клики.

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

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

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

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

3. Превратите их в слайд-шоу

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

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

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

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

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

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

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

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

Просто помните, что если лид подписывается на ваш онлайн-курс, он ожидает не меньше, чем высококачественный контент.

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

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

5. Делитесь фрагментами своей инфографики в Instagram

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

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

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

Не забудьте написать блестящую подпись, включающую URL-адрес вашего веб-сайта.

Помните, что генерировать подписчиков в Instagram — это здорово, но это не так важно, как привлечение квалифицированного трафика на ваш сайт.

6. Создание инфографики сводки новостей

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

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

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

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

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

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

Движение вперед

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

Как создать инфографику менее чем за 1 час (Руководство 2023 г.)

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

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

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

• Шаг 1. Обозначьте цели создания инфографики
• Шаг 2. Соберите данные для инфографики
• Шаг 3. Сделайте визуализацию данных для инфографики
• Шаг 4. Создайте свою макет с использованием шаблона инфографики
• Шаг 5. Добавьте стиль к дизайну инфографики, чтобы он выделялся

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

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

Давайте рассмотрим каждый шаг более подробно. .

1. Обозначьте цели создания инфографики

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

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

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

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

Этот, например, суммирует шесть основных типов тематических исследований:

Объясните и упростите сложный процесс

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

.

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

Отображение результатов исследования или данных опроса

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

.

Обобщите длинную запись в блоге или отчет

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

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

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

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

Или что-то непонятное:

Сравните и сопоставьте несколько вариантов

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

.

Повышение осведомленности о проблеме или причине

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

Примером может служить инфографика о кризисе беженцев выше или эта о расовом неравенстве в США:

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

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

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

Я имею в виду  ясные, конкретные, достижимые коммуникативные цели .

Определите насущную проблему

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

Используйте пирамиду вопросов

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

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

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

Давайте рассмотрим пример. Эта инфографика описывает этапы процесса разработки продукта:

Насущная проблема, которую они пытаются решить, это «Какие шаги входят в процесс проектирования продукта?», поэтому их пирамида вопросов может выглядеть примерно так:

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

Вернуться к оглавлению

2. Соберите данные для инфографики 

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

Если у вас есть собственные данные, отлично — можете переходить к третьему шагу! Если нет, не волнуйтесь. Вам доступна масса общедоступных данных (только США производят около 2,7 млн ​​ГБ данных в минуту), если вы просто знаете, где искать.

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

Уточните результаты поиска в Google

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

• Используйте кавычки для поиска точной фразы.
  • Например, «этапы процесса проектирования продукта»
• Используйте знак минус, чтобы исключить слова из поиска
  • Например, дизайн продукта  -рабочие места
• Добавьте «данные» к поисковой фразе
  • Например, дизайн продукта  данные
• Добавить формат файла данных (например, xls, csv, tsv) к поисковой фразе
  • Например, дизайн продукта  xls

Поиск в существующих репозиториях данных

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

• Открытые данные правительства США: данные обо всем, от сельского хозяйства, климата и экосистем до образования, здравоохранения и общественной безопасности. Statista: маркетинговые исследования
• Kaggle: загружаемые пользователями наборы данных обо всем, от шоколадных батончиков до финансирования стартапов
• Pew Research: исследования демографии, общественного мнения, медиа-контента и т. д.
• Американское исследование использования времени: данные о количестве времени Американцы тратят на различные виды деятельности, такие как сон, еда и занятия спортом.
• Хранилище данных Google Trends: тщательно отобранные наборы данных из Google News Lab
• Google Scholar: удобная поисковая система для академических публикаций
• Data is Plural: тщательно отобранный список интересных, актуальных наборов данных, обновляемый еженедельно
• AggData: бизнес-местоположение data
• Классные наборы данных: самопровозглашенное «место, где можно найти классные наборы данных»

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

Вернуться к оглавлению

3. Сделайте визуализацию данных для инфографики

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

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

Похожие : Как выбрать лучшие типы диаграмм для ваших данных

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

R изучить отношения или

E исследовать.

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

Давайте рассмотрим каждую цель по очереди:

Информирование

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

Выделите цифровую статистику крупным жирным красочным текстом:

Привлеките к себе особое внимание, сочетая значки с текстом:

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

Сравните

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

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

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

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

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

Изменить

Вы хотите показать тенденции во времени или пространстве.

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

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

Вот пример инфографики временной шкалы:

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

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

Связанный : Руководство для начинающих по созданию инфографики с картами (в комплекте 15 шаблонов)

Организация

Вы хотите показать группы, шаблоны, ранг или порядок.

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

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

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

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

Вот пример инфографики ментальной карты:

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

Отношения

Вы хотите выявить более сложные отношения между вещами.

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

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

Изучение

Вы хотите, чтобы читатель изучал данные и находил для себя новые идеи.

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

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

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

Вернуться к оглавлению

4. Создайте макет с помощью шаблона инфографики

Осталось макет и дизайн.

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

Создайте естественный информационный поток

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

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

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

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

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

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

Источники : Everlane.com, Ziploc.com

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

Источники : RemoteRelief, The Guardian, FoodBeast

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

Источники : Lauren Conrad, Lemonly

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

Связанные :

• 7 советов о том, как сделать хорошую инфографику
• Как выбрать макет инфографики (более 20 идей шаблонов для начинающих)

Создайте инфографику с помощью готового шаблона 19 9004 9004 19 9004

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

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

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

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

.

Хотите сравнить две диаграммы? Найдите шаблон инфографики с двумя столбцами:

.

Есть 3 одинаково важные характеристики? Найдите шаблон инфографики с тремя столбцами:

Есть тонны данных? Найдите минимальный шаблон инфографики с 4 или 5 разделами:

.

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

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

Вернуться к оглавлению

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

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

Как подобрать шрифты для инфографики

Начните с текста.

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

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

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

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

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

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

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

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

Что бы вы ни делали, убедитесь, что повторяющиеся элементы, которые вы добавляете, выровнены! Даже небольшие перекосы могут нарушить баланс:

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

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

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

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

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

Это означает наличие полей по краям инфографики:

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

Белое пространство также влияет на то, как мы читаем цвет — гораздо проще заставить цвета красиво играть друг с другом, добавив небольшое пустое пространство:

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

Как подобрать цвета при создании инфографики

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

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

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

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

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

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