16 способов создать потрясающую инфографику

`

• #Статьи 91

Мы продолжаем публиковать переводы самых интересных статей зарубежных интернет-маркетологов, дизайнеров, специалистов в области seo и smm. Автор статьи: Lilach Bullock. Ее контакты: lilach@socialable.co.uk, Pinerest: lilachbullock

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

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

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

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

1. Более 45% пользователей кликнут на ссылку, если она ведет на инфографику
2. 30% пользователей поделятся этой инфографикой, даже если она не несет важной информации
3. Остальные пользователи пребывают в астрале

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

Я только что поделилась инфографикой «Узнайте заповеди интернет-маркетинга» и обнаружила, что эта новость получила значительно больше лайков, чем средний пост в блоге. Использование инфографики – отличный способ делиться контентом, получать больше отзывов на ваши новости и больше траффика для вашего блога.

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

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

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

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

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

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

• Установите связь между фактами в вашей инфографике.

• Добавьте ваш URL (электронный адрес сайта) и название компании

  , так чтобы люди могли найти того, кто создал инфографику.

14 лучших способов создания инфографики

1. Piktochart трансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики. Вы можете добавлять иконки и ваш собственный логотип. Предлагает отличный набор тем для дизайна. Сервисом можно пользоваться бесплатно, хотя если вы хотите иметь возможность выбирать больше тем и иметь при этом лучшие цены, настроенные индивидуально под заказчика, минимально возможная цена будет составлять 9.99$  в месяц.
2. Visual.ly – это отличный инструмент, который позволяет генерировать ряд инфографик. Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook. Сервис возник относительно недавно и до сих пор добавляет к своим категориям новую информацию. Является бесплатным и легким для использования.
3. Fluxvfx – это потрясающий инструмент, с помощью которого можно создавать видеоинфографику. Он предлагает набор готовых шаблонов, поэтому его легко использовать. Минимальная цена – 25$.
4. Vizualize.me – новое приложение (в настоящее время в Beta-версии), которое создает инфографику для вашего резюме. Работает, используя информацию профиля пользователя в LinkedIn, и превращает его резюме в настраиваемую инфографику.
5. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики.
6. Canva — кросс-платформенный бесплатный редактор инфографики, где можно создавать как статичные, так и динамичные материалы (с использованием видео и анимированных объектов). В редакторе много вспомогательных элементов, упрощающих работу — автоматическое построение графиков и диаграмм, подбор правильных цветовых сочетаний и шрифтов, и другое.
7. Creately – удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. Вы можете выбрать из предложенного набора типов диаграмм, и просто добавить свои данные, чтобы создать вашу собственную диаграмму или график.
8. Stat Planet – это отличный инструмент, который создает интерактивные визуализации и статические изображения). Предоставляет доступ к важным всемирным данным, которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
9. Hohli – еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики исходя из ваших потребностей.
10. Google Public Data Explorer – полезный способ использовать общедоступные данные для того, чтобы трансформировать их в любую инфографику на ваш вкус. Вы можете добавлять эти графики на вебсайт или в блог.
11. Tagxedo превращает слова (известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов, оказывающие визуальное воздействие на пользователя.
12. Wordle – простой в использовании инструмент для создания эффективных словесных визуализаций. Просто введите ваш собственный текст (от коротких до длинных абзацев). Сервис предоставляет огромное количество дизайнов, из которых можно выбрать нужный.
13. Cacoo – онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML (Unified Modeling Language – унифицированный язык моделирования) и сетевые графики. Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
14. Lilach & Sarah’s Inforgraphics package – если вы ищете возможность заполучить в свои руки набор из 10 инфографик, где уже есть весь контент, и вам нужно только добавить логотип и URL сайта, тогда за 10 фунтов вы можете приобрести эту инфографику (в нее входит блог мастер, система для создания блога WordPress. com, хостинг, заповеди интернет-маркетинга, итоговые советы).

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

 

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

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

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

В среднем человек может удержать внимание на чем-то конкретном около восьми секунд. А 90% информации, которую он получает, визуальная. Поэтому онлайн инфографика помогает максимально эффективно заполучить внимание человека.

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

Вот какие функции выполняет инфографика:

1. Захватывает внимание человека
2. Делает подачу сложной информации более простой. Она оставляет лишь самое главное
3. Повышает узнаваемость бренда. Поставленный на инфографике логотип, название бренда или же адрес сайта будут связывать контент с вашей компанией
4. Контент может стать вирусным. Обычно контент с изображениями получает на 94% больше просмотров, чем тот, у которого нет изображений. Поэтому инфографика и считается таким популярным жанром
5. Увеличивает трафик. Инфографику часто репостят и добавляют себе.

Как определить цели инфографики

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

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

Инфографика должна принести аудитории пользу. То есть, решить какую-то актуальную проблему.

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

Ключевая проблема — ответ на главный вопрос, на который отвечает инфографика. Также сюда стоит добавить 2-3 вспомогательных вопроса.

Дальше идут вопросы, которые раскрывают проблему (как и что) и 1-2 уточняющих вопроса.

Вопросы для анализа. Отвечают на вопрос: «Почему?»

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

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

Как собирать информацию для инфографики

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

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

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

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

Еще один вариант поиска информации — Google Trends Datastore. Это наборы данных от Google News Lab. Или же академия Google — это поисковая система, которая ищет по текстам научных публикаций.

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

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

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

• Информирование
• Сравнение
• Показ изменений
• Организация
• Раскрытие взаимосвязей
• Анализ

После чего нужно понять, что именно лучше всего подходит для ваших данных.

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

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

Показ изменений — это демонстрация изменения, которое произошло за определенное время или в определенных местах.

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

Раскрытие взаимосвязей — это показ сложных взаимосвязей между разными показателями, данными.

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

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

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

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

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

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

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

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

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

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

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

Как сделать инфографику онлайн, если вы никогда этого не делали

Главная задача инфографики — помочь читателю понять тему. Вот что может помочь:

1. Вы уже определились с идеей? Теперь упростите ее. Сделайте небольшой перерыв и упростите еще раз.
2. Нужно оставить лишь самое важное, главное и интересное. Текста в инфографике должно быть как можно меньше.
3. Когда получите готовую схему инфографики, подумайте, поймет ли ее ваша аудитория. Если не поймет, сделайте заново.
4. Реализуйте свою идею инфографики с помощью сервиса SUPA.

Часто задаваемые вопросы

• Можно ли в сервисе SUPA сделать инфографику онлайн?

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

• Для каких социальных сетей можно делать инфографику онлайн?

  Можно для всех. Но нужно помнить об особенностях каждой платформы, например Facebook, Instagram, YouTube, Twitter

• Как пользоваться видеоконструктором SUPA?

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

Материалы блога на тему

Как сделать инфографику за 30 минут [Руководство на 2023 год]

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

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

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

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

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

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

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

Вот 7 шагов, которые мы выполним для шаблона инфографики:

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

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

Хорошо. Готовый?

Прежде чем мы начнем, давайте кое-что проясним:

Хорошая инфографика предназначена для общения, а не для дизайна

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

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

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

1. Отправьте электронное письмо с изложением того, что можно и чего нельзя делать при дарении подарков
2. Создайте инфографику, в которой представлена ​​та же информация, но в визуальной форме

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

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

Шаг 1. Определите свою аудиторию

Когда вы пытаетесь угодить всем, в итоге вы никому не угодите.

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

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

Задайте себе следующие вопросы:

Ваша целевая аудитория внутренняя или внешняя?

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

Какова позиция вашей целевой аудитории?  

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

Какой у них уровень знаний?  

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

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

Готовы создать сногсшибательную инфографику?

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

Создайте бесплатную учетную запись

Шаг 2. Определите свои цели

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

Визуализировать процесс

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

Отчет о данных

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

Изменить этот шаблон отчета

Изменить этот шаблон отчета

Изменить этот шаблон

Изменить этот шаблон информационной панели

Принятие на работу сотрудника

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

Изменить этот шаблон регистрации

Изменить этот шаблон контрольного списка регистрации

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

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

Шаг 3. Соберите информацию

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

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

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

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

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

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

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

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

Шаг 4. Выберите тип инфографики

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

Существует несколько типов инфографики:

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

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

Шаг 5: Создайте логическую иерархию в ваших данных

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

Я предлагаю создать структуру либо в Word, либо в Google Doc  , чтобы вы могли без особых хлопот просматривать и переключать данные. Попытка сделать это после того, как вы разработали графику, — это боль.

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

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

Шаг 6. Выберите и настройте шаблон инфографики, соответствующий вашему сообщению

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

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

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

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

Давайте сделаем это в нашем шаблоне инфографики.

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

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

Теперь давайте настроим его под наши нужды.

Настройка шаблона инфографики в Piktochart

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

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

Настройка цветов

Цвет влияет на тон вашей инфографики. Использование ярких, игривых цветов придаст вашей инфографике… яркий и игривый вид.

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

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

При нажатии на них шаблон автоматически обновит цвета.

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

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

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

Настройка текста и шрифтов

Как и цвета, шрифты сильно влияют на восприятие сообщения. Выберите не тот, и ваше сообщение приобретет совершенно новый смысл. Например:

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

Для нашей инфографики я оставлю шрифты такими, какие они есть.

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

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

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

Добавление изображений и значков

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

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

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

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

Для нашей инфографики я вообще не использую изображения. Я использую встроенные иллюстрации Piktochart.

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

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

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

Шаг 7. Загрузите, поделитесь или встройте свой дизайн инфографики

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

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

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

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

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

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

Узнайте, как начать работу с Piktochart

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

Посмотреть учебное пособие

Как создать инфографику менее чем за 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 идей шаблонов для начинающих)

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

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

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

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

.

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Когда дело доходит до сочетания цветов, мы вам поможем.