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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Связанные :

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как создать инфографику менее чем за час [+ Бесплатные шаблоны]

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

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

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

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

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

1. Выберите нужный шаблон инфографики.
2. Определите аудиторию для вашей инфографики.
3. Соберите свой контент и соответствующие данные.
4. Загрузите свой шаблон в PowerPoint.
5. Настройте свою инфографику.
6. Включите нижний колонтитул с вашими источниками и логотипом.
7. Добавьте код для встраивания и кнопку Pinterest и опубликуйте их.

1. Выберите нужный шаблон инфографики.

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

Скачать бесплатно

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

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

2. Определите аудиторию вашей инфографики.

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

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

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

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

Загрузить сейчас

15 бесплатных шаблонов инфографики

Заполните форму, чтобы получить копию.

3. Соберите свой контент и соответствующие данные.

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

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

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

4. Загрузите шаблон в PowerPoint.

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

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

5. Настройте свою инфографику.

Это самая трудоемкая часть — подключение уже имеющегося контента.

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

В этом примере вы заметите, что я ввел свой текст и изменил цвета шрифта на оранжевый и темно-синий цвета подписи HubSpot:

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

6. Включите нижний колонтитул с вашими источниками и логотипом.

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

7. Добавьте код для встраивания и кнопку Pinterest и опубликуйте их.

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

Поделитесь этим изображением на своем сайте

Пожалуйста, укажите ссылку на blog. hubspot.com в этом изображении.

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

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

1. Информация, которую вы сообщаете, важнее ее дизайна.

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

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

2. Знайте, для кого вы делаете инфографику.

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

3. Старайтесь не загромождать свою инфографику.

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

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

4. Убедитесь, что визуальные элементы повышают ценность ваших данных.

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