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

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

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

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

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

Чем хороша инфографика

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

Типы и виды

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

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

Как не надо делать – обзор неудачных примеров

Что почитать по теме 

Подведем итоги

Что такое инфографика? Где применяется и как ее сделать? Эти вопросы мы и разберем в статье.

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

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

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

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

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

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

Чем хороша инфографика

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

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

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

Разберем основные варианты использования умных изображений:

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

Типы и виды

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

• Рекламная инфографика. Создается для рекламирования того или иного вида товаров или услуг. Благодаря ей мы можем быстро узнать — где и за какую стоимость приобрести необходимую вещь или записаться на услугу к мастеру.
• Хронологическая инфографика. Ее используют, когда нужно наглядно показать — как менялось что либо с течением времени. Например, как часто люди брали кредиты в период с 2000 по 2020 годы. Для подачи такой информации рисуется специальный график – таймлайн, который представляет собой линию времени с отметками в виде дат, рисунков, необходимых описаний и т.д. Основные даты или моменты выделяются крупным кегелем или специальной картинкой – иконкой.
• Географическая инфографика. С ее помощью можно определить в какой местности живет определенный вид народности или животных, можно показать демографическую ситуацию в конкретном регионе или целой стране. На инфографике всегда есть карта, на которой линиями, точками, иконками, указателями показана нужная информация. Обычно, шрифт с информацией делают достаточно крупным, для лучшего усвоения материала.
• Сопоставительная инфографика. Такое изображение может показать нам, например, условия работы в двух разных организациях, или цены на одинаковую продукцию у разных поставщиков. Эти изображения помогают человеку разобраться, что же выбрать. Создается, обычно в соединении двух картинок с разделительной полосой посередине.
• Статистическая инфографика необходима для демонстрации результатов опросов, исследований, экзит-поллов и т.д. В основном создается при помощи диаграмм, колонок и графиков. Главная задача – не перегрузить изображение цифрами, иначе читатель пройдет мимо. Нужно выделить основные пункты и обозначить их яркими иконками или большим шрифтом.
• Социальная инфографика. С ее помощью дизайнер показывает — насколько важна проблема, изображенная на баннере. Часто для ее создания используют большое количество визуальных образов в виде иконок и зарисовок волнующей проблемы.
• Процессы – показывают наглядно, в какой последовательности совершаются определенные виды работ. Например, на швейном производстве есть последовательность процесса обработки кармана, и на изображении стоят обозначения вида строчки и порядка ее использования.
• Списки – необходимы, чтобы перечислить какие-либо полезные инструменты, факторы, советы, способы и т.д. Например, Топ – 5 самых полезных овощей. Все пункты здесь равнозначны, поэтому шрифт и размер используется одинаковый, но можно выделять разные предметы цветом.

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

Как и любое изображение, инфографика имеет свои достоинства и недостатки. Разберем их в таблице:

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

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

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

Самому

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

Обзор сервисов для создания инфографики

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

VISME
Описание	Конструктор инфографики для потрясающего дизайна
Преимущества	Наличие огромного количества готовых бесплатных шаблонов. Анимирование изображениий. Возможность перетаскивания готовых блоков. Создание голосовой записи на фоне. Создание интерактивной графики.
Стоимость	Бесплатно

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

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

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

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

Заказать

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

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

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

Вот список самых крупных русскоязычных бирж:

• FL 
• Weblancer
• Хабр Фриланс
• KWORK

Как не надо делать – обзор неудачных примеров

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

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

Что почитать по теме 

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

FAQ

Где можно научиться такому графическому дизайну?

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

Нужен ли мощный компьютер для создания простой инфографики?

Нет. Подойдет любой девайс с выходом в интернет, включая планшет и смартфон.

Подведем итоги

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

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

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

Мы в Telegram

В канале «Маркетинговые щи» только самое полезное: подборки, инструкции, кейсы.
Не всегда на серьёзных щах — шуточки тоже шутим =)

Подписаться

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

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

Подробнее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Поделиться

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

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

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

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

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

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы и интервью с экспертами диджитала.

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

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

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

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

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

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

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

Как создать инфографику менее чем за 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: исследования демографии, общественного мнения, медиа-контента и т. д.
• American Time Use Survey: данные о количестве времени Американцы тратят на различные виды деятельности, такие как сон, еда и занятия спортом.
• Хранилище данных Google Trends: тщательно подобранные наборы данных из Google News Lab
• Google Scholar: удобная поисковая система для академических публикаций
• Data is Plural: тщательно отобранный список интересных, актуальных наборов данных, обновляемый еженедельно
• AggData: бизнес-местоположение data
• Классные наборы данных: самопровозглашенное «место, где можно найти классные наборы данных»

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

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

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

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

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

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

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

О организация,

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

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

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

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

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

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

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

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

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

Сравните 900 40

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

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

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

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

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

Изменить

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

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

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

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

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

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

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

Организация

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

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

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

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

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

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

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

Отношения

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

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

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

Исследовать

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Связанные :

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

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

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

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

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

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

.

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

.

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рассмотрим основные этапы создания инфографики:

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

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

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

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

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

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

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

• Наглядная визуализация истории.
• Инструмент для обучения и информирования.
• Способ повысить узнаваемость бренда.

     Начать разработку инфографики     

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

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

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

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

Что отличает хорошую инфографику

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

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

Хорошая инфографика похожа на хорошую историю .

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

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

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

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

Примеры

История инфографики

Вы когда-нибудь задумывались об истоках инфографики?

Следующая карта от Info we Trust проведет вас через долгую историю визуального представления информации.

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

Древняя графика

Наскальные рисунки

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

Египетские иероглифы

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

Ранние игроки

Уильям Плейфер

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

Эдмон Галлей

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

Флоренс Найтингейл

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

20 век

Альфред Лите

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

Отл Айхер

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