Как сделать инфографику самому | SendPulse Blog
В почтовом ящике среднего пользователя письма давно соревнуются наперебой за внимание читателя. Чтобы победило ваше письмо, оно должно выделяться. Маркетологи используют для этого разные приемы, и один из самых эффективных — инфографика.
Но что делать, если вы ничего не знаете о дизайне, а Photoshop и Illustrator кажутся космически сложными? В этой статье читайте, как сделать крутую инфографику самому. Расскажем, как создавать ее с нуля, если у вас совсем нет дизайнерских навыков, и покажем удобные онлайн-инструменты.
Что такое инфографика
Инфографика — это визуальное представление информации, которое помогает графически отобразить сложные данные в простом и понятном виде. Графически — в картинках, иконках, графиках, схемах, диаграммах, картах и так далее.
Преимущества использования инфографики в email маркетинге
Факты говорят, что в среднем человек удерживает внимание на чем-то 8 секунд — на секунду меньше, чем золотая рыбка. При этом основную часть информации люди получают визуально, поэтому ваши послания должны захватывать внимание аудитории. Именно это и делает инфографика: 41,5% маркетологов считают такой тип контента лучшим способом поделиться информацией визуально.
Инфографика не только помогает захватить внимание, но и:
- Упрощает подачу сложной информации. Инфографика убирает весь информационный шум, оставляя только главное.
- Повышает узнаваемость бренда. Ваш логотип, название бренда или адрес сайта, размещенные на инфографике, свяжут контент с образом компании и сделают ее узнаваемой.
- Помогает вирусному распространению. Контент с изображениями набирает на 94% больше просмотров, чем без них. Это и делает инфографику такой популярной: вы наверняка видели ее в соцсетях, письмах, блогах и рекламе.
- Увеличивает трафик. Инфографикой часто делятся. И чем больше людей поделится вашим контентом, тем выше сайт окажется в рейтинге Google и результатах поисковой выдачи.
Смотрите, как Grammarly использует инфографику в письме. Они предлагают клиентам перейти на более дорогой тариф и в цифрах показывают все преимущества перехода. Компания группирует статистику в простой для восприятия график и доказывает свою репутацию надежного приложения для всех, кто пишет.
Письмо с инфографикой от GrammarlyХотите попробовать этот прием в своих письмах? Начните с нашей статьи «Как эффективно использовать инфографику в email рассылках» — в ней мы собрали много полезных советов и примеров удачных писем с инфографикой.
Как создавать инфографику
Шаг 1. Выберите целевую аудиторию
Ваше дизайнерское вдохновение пропадет зря, если инфографика будет нацелена на неподходящую аудиторию. Чтобы выбрать релевантные данные для создания, подумайте, кто получит ваше сообщение: подростки или деловые люди, мужчины или женщины.
Шаг 2. Определитесь с контентом
Вы поняли, кому адресуете свою инфографику. Теперь нужно понять, что именно хотите рассказать этим людям. Придумайте 4-5 вопросов, на которые должна ответить инфографика, изучите тему и сгруппируйте информацию по смысловым блокам.
Шаг 3. Визуализируйте
Решите, как вы хотите отобразить данные: в графике, диаграмме, картинке, красочном тексте, карте или еще как-то. Затем приступайте непосредственно к созданию инфографики.
Цвет: выбирайте не больше пяти цветов, включая белый и черный. Убедитесь, что они сочетаются между собой и вы используете разные цвета для заголовков и основного текста. Хорошая идея — использовать цвета бренда.
Фон: выберите простой фон, который не будет спорить с цветовой гаммой.
Шрифты: остановитесь на одном основном шрифте и используйте полужирное и курсивное начертание, чтобы выделить смысловые акценты и сделать текст читабельным.
Графические элементы: графики, диаграммы, картинки и иконки должны сочетаться с цветовой схемой и не перегружать общую картину. Следите, чтобы инфографика была простой для восприятия.
Шаг 4. Придайте индивидуальность
Добавьте свой логотип и ссылки, чтобы повысить конверсии и подтолкнуть людей делиться контентом. Большими файлами делиться неудобно, поэтому следите, чтобы инфографика была не больше 2 Мб и сохранялась в png или jpeg.
Онлайн-инструменты для создания инфографики
Вы уже знаете, как поэтапно создать инфографику своими руками. Теперь посмотрим, как сделать инфографику онлайн и какие бесплатные или недорогие сервисы для этого использовать.
Infogram
Цена: бесплатный базовый тариф, 19 $ в месяц за Pro, 67 $ в месяц за Business, 149 $ в месяц за Team (тариф для команды) и гибкая цена за план Enterprise, на котором можно создавать до 10 тысяч проектов в месяц, скачивать свои проекты в виде HTML кода и даже запрашивать доработку сервиса под свои потребности. Чем выше тариф — тем больше шаблонов, возможностей редактирования и аналитики.
Этим инструментом интуитивно легко пользоваться, на базовом тарифе он предлагает больше 20 готовых шаблонов, более 35 интерактивных графиков и 550 карт. Если вы не нашли подходящее изображение, можно загрузить свое. Перетаскивайте графики, настраивайте их под свои потребности. Скачивать созданную инфографику и приватно хранить ее в сервисе можно только на платных тарифах.
У сервиса есть боковая панель управления со всеми доступными элементами, меню редактирования, а также управление слоями и масштабирование.
Интерфейс InfogramМы использовали Infogram, чтобы показать ключевые моменты нашего исследования о триггерных письмах по брошенным корзинам:
Инфографика, созданная с помощью InfogramВремя на знакомство с сервисом: 60 минут.
Время на создание инфографики: 30 минут.
Canva
Цена: бесплатный базовый тариф, на котором можно покупать отдельные нужные элементы, и Pro — 12,95 $ в месяц при оплате помесячно и 9,95 $ в месяц при оплате на год вперед.
На тарифе Pro можно адаптировать под себя готовые шаблоны, использовать фото из платных фотобанков, создавать анимированную графику и скачивать дизайны с прозрачным фоном.
Canva — один из самых популярных инструментов для создания инфографики благодаря большой базе элементов. Миллионы фотографий, 60 тысяч готовых шаблонов, больше 100 шрифтов. Редактируйте и настраивайте свой контент, делитесь им по почте, в любых соцсетях или блоге.
На боковой панели расположено меню элементов, которые можно перетягивать на рабочую область. Большую часть элементов можно настраивать.
Интерфейс CanvaМы использовали Canva для краткой памятки по сохранению репутации отправителя:
Инфографика, созданная с помощью CanvaВремя на знакомство с сервисом: 30 минут.
Время на создание инфографики: 10 минут.
Venngage
Цена: бесплатный «студенческий» тариф, 19 $ в месяц за индивидуальный и 49 $ в месяц за бизнес-тариф. Платные тарифы дают доступ к дополнительным диаграммам, иконкам и шаблонам. Также на них можно настраивать приватность своих работ, общаться с поддержкой в чате или по почте и скачивать инфографику в разных форматах.
Venngage с его интуитивным интерфейсом позволяет создавать инфографику из готовых шаблонов и неограниченно их редактировать. У сервиса есть боковое меню, где расположены все доступные опции и меню форматирования текста.
Интерфейс VenngageС помощью Venngage мы рассказали о трех важных письмах из реактивационной серии:
Инфографика, созданная с помощью VenngageВремя на знакомство с сервисом: 30 минут.
Время на создание инфографики: 15 минут.
Еще сервисы, которые можно попробовать:
Заключение
Создавать инфографику можно своими руками, даже если у вас нет дизайнерской команды. Просто помните, что любой навык требует времени, усилий и постоянства. Все профи графического дизайна тоже с чего-то начинали. Выберите инструмент, который вам больше всего подходит, выделите время и создавайте инфографику, которая запомнится читателям. С SendPulse ваша инфографика будет отлично смотреться в письмах — подписчики оценят!
[Всего: 3 Средний: 4.7/5]Как создать инфографику без дизайнера и бесплатно — Ringostat Blog
Инфографика — это красочный и наглядный способ подачи информации. Но как ее сделать, если в компании нет дизайнера или он занят более приоритетными задачами? Еще сложней, если у вас нет специального софта и навыков работы с ним. Но как показывает практика, это все и не обязательно. Делимся собственным опытом, как создать инфографику, имея минимум навыков и ресурсов.
1. Зачем вообще делать инфографику
Мозг устроен так, что визуальную информацию воспринимает и запоминает намного лучше, чем текстовую. В первом случае он воспроизводит ее с точностью 90%, а втором — всего 10%. Поэтому нет лучшего способа донести до аудитории нужный контент, чем представить его в виде инфографики. Особенно, если речь идет о сложной информации типа how to или содержащей множество цифр.
Хорошая инфографика объясняет сложное просто, часто с юмором, и создана на злободневную тему. Ее с большой вероятностью будут шерить, и она имеет все шансы на виральность.
Слово «инфографика» обладает почти магическим эффектом. Если оно стоит в заголовке статьи или теме рассылки — это повышает количество просмотров в первом случае и Open Rate во втором. Но пользуйтесь этим лайфхаком дозированно, иначе магия потеряет силу.
Что стоит учитывать
- Обычно создание инфографики отнимает много времени и ресурсов. Поэтому важно просчитать, насколько ожидаемый профит будет соразмерен вложениям. Одна из созданных нами инфографик — исследование по звонкам в разных тематиках. Ее не только взяли для публикации редакторы vc.ru, но и переопубликовали у себя другие издания. Это дало нам профит: повышение узнаваемости бренда и подтверждение экспертизы. В этом случае затраченные усилия полностью окупились.
- Если каждый пост оформлять в виде инфографики, это быстро надоест читателям. Поэтому формы подачи информации стоит чередовать, а этот формат использовать лишь там, где без него не обойтись.
- Даже при наличии дизайнера инфографику нельзя просто заказать и забыть о ней. Нужно составить составить подробное ТЗ, дождаться готовности, внести правки, перепроверить и т. д. Мы в отделе маркетинга Ringostat тоже с этим сталкивались. До того момента, пока не решили взять дело в свои руки.
Сейчас мы умеем создавать инфографику без привлечения специалистов, покупки софта — например, Adobe Photoshop, Illustrator или CorelDRAW. Даже особых навыков не нужно. Ниже мы расскажем, как это сделать.
Где можно использовать инфографику
- В статьях, мануалах, блогпостах, если нужно объяснить сложные вещи. Мы часто используем инфографику, чтобы показать, как работает тот или иной функционал нашего сервиса. Также она незаменима везде, где есть много цифр. Лучшего способа представить результаты исследований мы пока не нашли. Итоги года тоже содержали много цифр, поэтому мы подали их в виде инфографики:
- В соцсетях. Для создания вирусного контента, подачи информации с юмором, чтобы уйти от длинных текстовых «полотен». В эпоху переизбытка информации и клипового мышления, пользователи скорее рассмотрят изображение, чем станут читать длинный пост от компании.
- В рассылках. Здесь инфографика помогает выделиться на фоне остальных и сделать письмо необычным и запоминающимся. Обычно получатели просматривают рассылки по диагонали. Инфографика поможет вам подать информацию концентрированно, без лишних слов, дать читателям только цифры и факты. А яркие, контрастные элементы и кнопки позволят акцентировать внимание на главном, что вы хотите им донести. Главное здесь — не перестараться. Таких элементов может быть всего несколько, иначе вы получите «вырвиглазную», сложную для восприятия картину.
2. Как создать инфографику с помощью конструкторов и специальных сервисов
Конструкторы — это онлайн-инструменты для создания инфографики. Обычно обладают drag-and-drop функционалом, множеством настроек и адаптивных шаблонов, с которыми справится даже новичок.
Для создания самой простой инфографики по шаблону в конструкторе вы потратите не больше часа, даже если до этого не имели с ним дела вовсе. Почти все онлайн-конструкторы обладают схожим функционалом и возможностями. Поэтому выбирайте, исходя из предпочтений и простоты интерфейса.
Учитывайте задачу, которая стоит перед вами:
- если нужна простая инфографика по шаблону, выбирайте конструктор с большим их количеством;
- созданная по индивидуальному ТЗ — инструмент с большими возможностями для кастомизации;
- интерактивная — сервис, который предоставляет возможности для создания именно такой.
Перечислим несколько онлайн-конструкторов, которые мы протестировали на практике.
Easy.ly
Easy.ly — пожалуй, самый популярный онлайн-конструктор. Шаблоны, шрифты, иконки, указатели, разделители, цветовая палитра, фоны — здесь можно выбрать и кастомизировать все, что угодно. Интерфейс интуитивно понятен: есть главная страница с основными шаблонами, рабочее пространство с выбором фона, изображений, линий и т. д.
Сделано в Ease.ly за 30 минут
Правда, бесплатная версия ограничена 60 изображениями и 10 шрифтами. Для новичка и этого будет достаточно, но если планируете создавать инфографики регулярно, то есть шанс, что они станут однотипными.
Canva
Canva — крутой конструктор и, признаемся, наш любимый Огромное количество бесплатных шаблонов инфографики, креативов, обложек для Facebook и Instagram, презентаций, постеров. Есть самые разные фигуры, стрелки, указатели, рамки. Вообще все, что нужно для создания если не самых крутых, то годных иллюстраций точно.
Можно загружать свои изображения, выбирать цвет из палитры, изменять прозрачность, задавать свой размер и скачивать готовую инфографику в разных форматах. Интерфейс простой и понятный, в чем еще один плюс сервиса.
Работу с этим конструктором мы описали в статье «Как легко создавать иллюстрации для блогов, соцсетей и рассылок».
Создано в Canva за 30 минут
Piktochart
Piktochart — еще один неплохой онлайн-конструктор. С его помощью можно создавать инфографики, презентации, креативы. Есть возможность вставлять фоном не только изображения, но и видео. Правда, это может не только оживить инфографику, но и отвлечь от основного смысла.
Есть группы шаблонов: инфографики, презентации, креативы. Дашборд, на котором хранятся ваши работы — удобно, что их можно группировать в папки, и рабочая область. В бесплатной версии сильно ограничено количество линий, разделителей, изображений и т. д. Но есть возможность загружать свои.
Создано в Pictochart за 20 минут в качестве примера
3. Как создать инфографику своими руками
Создание инфографики полностью с чистого листа — это вариант для тех, кому недостаточно функционала онлайн-конструкторов и не подходят их стандартные шаблоны. Так делаем мы и сейчас разберем весь процесс пошагово на примере создания инфографики по исследованию по недвижимости.
Шаг 1. Соберите и подготовьте данные
Инфографика должна быть информативной. Недостающую цифру или факт нельзя заменить просто красивой картинкой, для данного формата это критично. Данные должны быть точными и, по возможности, уникальными — так вы завоюете интерес и доверие аудитории. Но и слишком разгоняться не стоит. С инфографикой работает то же правило, что и с текстом: чем короче и емче, тем лучше. Отбросьте лишнее: цифры, из которых нельзя сделать выводы, длинные пояснения, бесполезные факты.
Как делаем мы
Созданию инфографики предшествует процесс в несколько этапов:
- сперва определяемся с показателями;
- затем готовим базу данных и собираем информацию;
- обрабатываем сырые данные и систематизируем;
- анализируем.
Инфографику готовим только тогда, когда полностью готов финальный документ с результатами исследования и оформленными выводами.
Шаг 2. Определитесь с концепцией и стилем инфографики
Инфографика — это связная история, а не набор цифр, фактов и картинок. Все ее элементы должны объединяться общей идеей. Подобно хорошей истории, она должна увлечь и заставить дочитать до конца.
Сперва продумайте концепцию, определитесь, что вы хотите донести до аудитории и как. Выберите подходящий для вашей информации тип инфографики. Есть несколько общепринятых типов инфографики, из которых несложно выбрать вариант под конкретную задачу:
Источник
Несколько примеров оформления инфографики для вдохновения.
На этом же этапе определитесь с главной целью, целевой аудиторией и каналами дистрибуции инфографики. Для этого достаточно ответить на несколько простых вопросов.
- Какую функцию выполняет инфографика: информационную, развлекательную, рекламную, обучающую?
- Для кого вы ее делаете: для студентов, маркетологов, пользователей соцсетей, поклонников «Игры престолов»?
- Как будете доносить инфографику до аудитории? Например, опубликуете в соцсетях, на своем блоге, отдадите на публикацию в СМИ. Напечатаете на раздаточных материалах или в виде плаката, который можно повесить в офисе.
Как делаем мы
Наша инфографика — это результаты исследования по звонкам в тематике недвижимости. Целевая аудитория: маркетологи, которые работают в сфере недвижимости, и застройщики, которые хотят быть в курсе тенденций.
Тип инфографики — сравнение, т. к. мы сравниваем разные показатели. Размещаем ее на своем блоге + отправляем в виде пресс-релиза нишевым онлайн-ресурсам. А значит, готовим вертикальный формат, подходящий для страницы блога, которую скроллят вниз. И разбивку на блоки для СМИ, под каждым из которых можно добавить текстовое пояснение для издания.
Шаг 3. Нарисуйте прототип
Не пропускайте этот этап, в дальнейшем он сэкономит вам много времени. Перед созданием инфографики вы должны понимать, какие на ней будут элементы и как расположены, где разместите описание и т. д. Проще всего нарисовать наброски инфографики на специальной доске или в блокноте. Но можно использовать и специальные онлайн-сервисы для создания мокапов.
Как делаем мы
С помощью онлайн-сервиса moqups.com создаем дизайн-макет будущей инфографики. Схематически размещаем на нем все блоки, хедер, футер, изображения. Сервис удобен тем, что в нем можно быстро и бесплатно создавать макеты чего угодно: от инфографики и электронных писем до лендингов.
Макеты можно шерить другим пользователям, оставлять в них комментарии, примечания. После создания прототипа, мы уже понимаем, какой размер инфографики нужно задать и какие изображения подобрать.
Шаг 4. Подготовьте исходники
Фоновые изображения, иллюстрации, иконки и все то, что будете использовать для создания инфографики. Просто картинки из поиска не годятся. Как пишет сам Google, «у каждой из них есть законный владелец», который может пожаловаться на нарушение авторских прав.
Берем только те изображения, которые находятся в свободном доступе и разрешены для использования в коммерческих целях. Такие изображения можно найти на бесплатных стоках:
- Freepik — огромный сток с изображениями в разных форматах и с разбивкой на категории;
- Flaticon — сток с иконками в векторном формате, загружаются в png формате и на прозрачном фоне;
- Фотостоки:
Как делаем мы
Ищем изображения на Freepik и Flaticon. Обязательно смотрим, чтобы они сочетались по стилю, цветовой гамме и смыслу. Flaticon позволяет менять цвет изображения при загрузке, выбирать размер, зеркально отражать, передвигать.
Обрабатываем изображения в онлайн-фоторедакторе — в случае, если нужно убрать фон или использовать часть картинки, например, персонажа.
Шаг 5. Соберите инфографику
Все подготовительные шаги закончены, остался самый важный и интересный. Здесь пригодится созданный ранее макет, ведь вы уже будете знать, что и где размещать. Проследите, чтобы инфографика не получилась перегруженной. Оставьте больше свободного пространства и сделайте ее цельной, не требующей дополнительных текстовых пояснений.
Помните, что шерить ее, скорее всего, будут отдельной картинкой, и она должна быть понятной даже в отрыве от статьи или блогпоста. По этой же причине, не забудьте подписать инфографику и отметить своим лого.
Как делаем мы
Используем для создания инфографики самый неочевидный инструмент — Google Презентации. Он оказался удобнее других, протестированных нами. В нем можно задать размер полотна, использовать любой фон — как сплошной, так и градиентный. Нарисовать любые линии, разделители, фигуры, загрузить свои изображения, создать диаграммы, а затем все сохранить в удобном формате.
Поэтапно это строится так.
- Создаем в Google Slides новый документ. Для этого можно просто прописать в адресной строке slide.new.
- Задаем размер: Файл — Настройки — Размер — Другой. Размер указываем, исходя из требований площадки, на которой будем размещаться и предварительно созданного дизайн-макета.
- Наполняем инфографику: делим на блоки, задаем фон, размещаем изображения, диаграммы и подписи.
- Диаграммы импортируем с Google Spreadsheets через Вставка — Диаграмма — Из таблиц. Но предварительно они должны быть созданы там. Как это сделать — мы рассказывали в статье о визуализации данных в Google Таблицах.
- Сохраняем инфографику в нужном нам формате, проверяем, при необходимости вносим правки, публикуем.
- Вот и все — инфографика готова.
Вместо выводов
Мы поделились своим подходом, который позволяет нарисовать инфографику быстро, бесплатно и не привлекая к процессу дизайнера. Надеемся, какие-то из наших лайфхаков будут вам полезны. Ну а если у вас есть свои — делитесь ими в комментариях, нам очень интересно о них узнать 😉
Если вы нашли ошибку — выделите её и нажмите Ctrl + Enter или нажмите сюда.
Топ 10 бесплатных сервисов для создания инфографики
Инфографика — это визуализация данных, или (проще говоря) — искусство передать цифры статистики, информации, данных и знаний образным языком графики. Web Academy предлагает Вам подборку сервисов, которые помогут создать инфографику для Вашей компании, проекта или для Вас лично.1. Piktochart
Piktochart — это приложение, с помощью которого любой человек, даже совершенно лишенный художественного таланта, сможет создать эффектную инфографику для использования в Интернете, презентациях и докладах. При этом ему не понадобятся никакие дорогостоящие профессиональные программы и специальные умения. Все, что необходимо – это современный браузер и соединение с сетью Интернет.Базовая версия бесплатна, расширенная обойдется в $29 в месяц. В бесплатной версии несколько довольно стильных шаблонов.2. Сreately
Дизайн у Сreately, можно сказать, не очень современный. Поддерживает 7 языков, среди которых — русский. Больше можно использовать если нужно таблично выразить данные .3. Infogr.am
Infogr.am – это онлайн-сервис для создания интерактивных визуализаций и инфографиков. Все, что нужно сделать, – это загрузить данные на сайт, сделать несколько щелчков мышью и автоматически создать из загруженных данных инфографику. После публикации на сайте вы можете встроить ее на своем собственном ресурсе, так же, как вы ставите на страницу видео из YouTube. Полученную картинку можно расшарить в Facebook, Twitter и Pinterest. Самое приятное здесь то, что совершенно не нужно программировать или понимать основы дизайна. Все очень просто и выглядит красиво.4. Visual.ly
У Visual.ly тоже есть ряд бесплатных тем для создания инфографики, но в большей степени это библиотека аккуратно отсортированных работ со всего мира. Сюда нужно ходить за вдохновением!5. Google Charts
Google Chart позволяет строить 11 типов различных диаграмм. Вот они:- Линейный график
- Гистограмма
- Пузырьковый график
- Лепестковая диаграмма
- Японские свечи
- Диаграмма Венна
- QR-код
- Карта
- Формула
- Граф
- Круговая диаграмма
6. Vizualize.me
Сервис Vizualize.me, превращающий ваше LinkedIn-резюме в инфографику. Российский аналог — Resumup.ru.7. Easel.ly
У Easel.Ly более современный стиль графики и шрифтов, тот же основополагающий принцип Drag and Drop и кастомизация. На главной выложено 15 темплейтов, которые можно взять за основу своей инфографики, а можно сразу начать с чистого листа.8. Draw.io
Draw.io – это рабочий стол для онлайн-редактирования инфографики, похожий на Creately.Com. Он бесплатен для всех пользователей и оценен на 5 баллов на Google Apps Marketplace, откуда его можно присоединить к своему Google-аккаунту. Оценки пользователей масштабируются не слишком сильно: от «очень полезный бесплатный инструмент» до «превосходно». Draw. io позволяет тут же искать в Google тематические фото для фонов и элементов, что здорово. С точки зрения стиля он довольно нейтрален и многим понравится больше, чем Creately.Com – не супермодно, но вполне достойное визуальное решение с множеством «рабочих» иконок. Поскольку Draw.io ориентирован на Google Drive, его интерфейс на большой процент русифицирован.9.
OmniGraffle Десктопное приложение OmniGraffle. Бесплатно можно скачать здесь10. Сacoo
Сacoo — удобный инструмент для построения онлайн-графики: карт сайтов, каркасных моделей, UML и сетевых графиков. Данным сервисом вы можете пользоваться бесплатно.Для визуалов и любителей порядка в данных так же может быть интересна статья о ТОП 10 программ для построения mind-map карт
Как создать инфографику в формате видео
Инфографика онлайн: что это и зачем ее использовать
Инфографика — это визуальная демонстрация информации. С помощью графики она помогает показать сложное просто и понятно. Это могут быть различные картинки, иконки, схемы, графики.
В среднем человек может удержать внимание на чем-то конкретном около восьми секунд. А 90% информации, которую он получает, визуальная. Поэтому онлайн инфографика помогает максимально эффективно заполучить внимание человека.
По данным различных исследований, 41,5% маркетологов убеждены, что именно инфографика — лучший способ продемонстрировать информацию.
Вот какие функции выполняет инфографика:
- Захватывает внимание человека
- Делает подачу сложной информации более простой. Она оставляет лишь самое главное
- Повышает узнаваемость бренда. Поставленный на инфографике логотип, название бренда или же адрес сайта будут связывать контент с вашей компанией
- Контент может стать вирусным. Обычно контент с изображениями получает на 94% больше просмотров, чем тот, у которого нет изображений. Поэтому инфографика и считается таким популярным жанром
- Увеличивает трафик. Инфографику часто репостят и добавляют себе.
Как определить цели инфографики
В первую очередь, вам необходимо обозначить цели, которые должна достичь инфографика. То есть, ответить на простой вопрос: зачем создавать инфографику онлайн?
Чтобы ответить на этот вопрос, нужно найти ключевую проблему.
Инфографика должна принести аудитории пользу. То есть, решить какую-то актуальную проблему.
Стоит использовать пирамиду вопросов. Ее цель — сформулировать 3-5 актуальных вопросов, которые касаются вашей ключевой проблемы.
Ключевая проблема — ответ на главный вопрос, на который отвечает инфографика. Также сюда стоит добавить 2-3 вспомогательных вопроса.
Дальше идут вопросы, которые раскрывают проблему (как и что) и 1-2 уточняющих вопроса.
Вопросы для анализа. Отвечают на вопрос: «Почему?»
С помощью этих вопросов вы создадите основу вашей инфографики онлайн, а также получите структуру для изложения истории.
А ответы на вспомогательные вопросы дадут аудитории нужную информацию, которая поможет понять основную тему. Уточняющие — покажут, какие пути могут решить проблему.
Как собирать информацию для инфографики
Если вы знаете, где и как вам получить информацию для инфографики онлайн, или она у вас уже есть, то можете пропустить этот раздел. Если нет — мы все расскажем.
В первую очередь, это, конечно же, расширенный поиск в Google. Именно это лучший способ для начального поиска информации.
Дальше идут открытые данные правительства. Здесь могут быть данные о сельском хозяйстве, климатических условиях, экосистемах, образовании, здравоохранении.
Исследовательский центр Pew. Это опросы общественного мнения, демографические исследования, контент-анализ и другие социальные исследования. Здесь всегда можно найти интересные данные и информацию.
Еще один вариант поиска информации — Google Trends Datastore. Это наборы данных от Google News Lab. Или же академия Google — это поисковая система, которая ищет по текстам научных публикаций.
Как визуализировать собранные данные в инфографике
Когда вы собрали вопросы, на которые необходимо ответить, а также получили данные, которые на них отвечают, то следующий этап — это презентовать данные с помощью визуализации этих данных.
Для начала необходимо понять, какая цель у каждого фрагмента данных, которые вы визуализируете. Вот какие они могут быть:
- Информирование
- Сравнение
- Показ изменений
- Организация
- Раскрытие взаимосвязей
- Анализ
После чего нужно понять, что именно лучше всего подходит для ваших данных.
Информирование — это способ донести главную мысль или же показать статистику, которую можно понять, не сильно погружаясь в контекст.
Сравнение — это способ показать отличия или сходства данных или разных частей одного целого.
Показ изменений — это демонстрация изменения, которое произошло за определенное время или в определенных местах.
Организация — показ группы, схемы, классификации или же последовательности.
Раскрытие взаимосвязей — это показ сложных взаимосвязей между разными показателями, данными.
Анализ — это призыв для аудитории использовать данные, которые собрали вы для того, чтобы самостоятельно провести их анализ.
Как создавать инфографику онлайн
Первый шаг. Нужно выбрать целевую аудиторию. Какой бы классной и полезной ни была инфографика если она сделана не для тех людей — все будет зря.
Поэтому прежде чем выбирать данные для онлайн-инфографики — подумайте над тем, кто должен получить ваше послание.
Второй шаг. Определитесь с контентом. Вы уже решили, кто должен увидеть вашу инфографику. Теперь нужно понять, что именно вы расскажите с ее помощью. Для начала придумайте для себя 4-5 вопросов, на которые инфографика должна будет ответить. Потом изучите главную тему и рассортируйте информацию по разным смысловым блокам.
Третий шаг. Визуализируйте, какой должна быть ваша инфографика. Сначала решите, как именно вы хотите отобразить данные. Это может быть графика, картинка, красочный текст, схема, диаграмма, карта. После этого уже можно начать создавать инфографику онлайн.
Помните, что цветов в инфографике должно быть не больше пяти. Черный и белый тоже считаются. Также стоит убедиться, что цвета сочетаются друг с другом и использовать для заголовков и основного текста разные цвета. Идеально — пользоваться цветами вашего бренда.
При выборе фона, помните, что он должен быть простым и не выбиваться из цветовой гаммы.
Выбирая шрифты, лучше всего остановиться на одном основном, а также использовать курсивное и полужирное начертание. Это поможет вам выделить главные смысловые акценты инфографики и сделать читабельным ваш текст.
Важно, чтобы инфографика была простой для восприятия. Поэтому также нужно следить за тем, чтобы ваши графические элементы (это диаграммы, картинки, иконки, графики) сочетались с цветовой схемой инфографики и не перегружали общую картину.
Четвертый шаг. Придайте индивидуальность инфографике. Стоит добавить ссылки и свой логотип. Это поможет повысить конверсии, а также подтолкнет людей репостить инфографику онлайн. Также помните, что неудобно делиться большими файлами.
Как сделать инфографику онлайн, если вы никогда этого не делали
Главная задача инфографики — помочь читателю понять тему. Вот что может помочь:
- Вы уже определились с идеей? Теперь упростите ее. Сделайте небольшой перерыв и упростите еще раз.
- Нужно оставить лишь самое важное, главное и интересное. Текста в инфографике должно быть как можно меньше.
- Когда получите готовую схему инфографики, подумайте, поймет ли ее ваша аудитория. Если не поймет, сделайте заново.
- Реализуйте свою идею инфографики с помощью сервиса SUPA.
Инфографика отличается современным красочным дизайном и кажется,что создать её может только дизайнер,используя Adobe Photoshop, Corel Draw или что-нибудь еще профессионально-замудрёное. Оказывается, что нет — есть всё же сервисы, позволяющие создавать инфографику самому. Онлайн-сервисы по созданию инфографики позволяют визуально описать хронику событий, показать взаимоотношения фактов и закономерностей, при этом до пользователя информация доносится в компактном виде, способствует лучшему пониманию материала. Сочетая визуальные элементы (диаграмма, график, таймлайн, карта и др.), можно передавать факты, смыслы и идеи четко и лаконично. Эти элементы должны привлечь читателя, дать ему возможность узнать больше и предложить ему интерактивные средства для того, чтобы изучение материала стало увлекательным. В итоге создается инфографика, которая доступно, понятно со ссылками, фото, видео рассказывает о герое или сюжете книги. Если Вы все же хотите создать плакат, используя Adobe Photoshop, то мы предлагаем Вам в помощь видеоурок графического дизайнера Маргариты Александровны Прытковой Видео YouTubeПоразмышляйте над ходом работы Создание литературной инфографики предполагает некоторое продумывание хода работы:
Этапы создания своей инфографикиСоздание инфографики проходит следующие этапы:
|
Вместо тысячи слов: как создать крутую инфографику для рассылки без дизайнера
Почему рассылка с инфографикой лучше, чем без
Инфографика — простой и наглядный способ визуальной подачи информации. Ясность и красота достигаются при помощи иконок, диаграмм, графиков и картинок. Визуально организованные данные проще понять и легче запомнить. Почему?
Причина 1. Ваше письмо запомнят
По разным данным, от 60% до 85% людей в мире — визуалы.
Наш мозг работает по принципу превосходства образа над другими видами чувств. Джон Медина, молекулярный биолог-эволюционист, годами изучал мозг и выяснил, что человек может запомнить 2,5 тысячи картинок и в 90% случаев точно воспроизвести их через определенное время. Даже спустя год точность воспроизведения равняется 63%.
По данным Леви и Лентца (1982 год), люди, следующие инструкциям с текстом и визуализацией, справляются с задачей на 323% лучше, чем те, кто следует только текстовой инструкции.
Причина 2. Ваше письмо читать приятно, понимать смысл — просто
Контрастные цвета, стрелки, шрифты, графемы — визуальные элементы акцентируют внимание читателей на важных вещах. Хорошая инфографика упрощает сложное: например, цифровые данные — и подчеркивает нужное: кнопки, ссылки, информацию об акциях и продуктах.
Причина 3. Вы быстрее донесете мысль
Ваша рассылка емкая и компактная. Инфографика передает цифры и факты, оставляя больше места для общения с подписчиком.
Причина 4. Ваши письма будут чаще открывать
Слово «инфографика» в теме или прехедере письма повышает процент открытий. Эффект в разных отраслях и рассылках будет разным: в образовательных и контентных, скорее всего, выше, чем в акционных. Попробуйте.
Причина 5. О вас узнают
Особенно приятно, если ваша красивая инфографика попадет в соцсети, Pinterest и подписчики будут рассылать ее друг другу. Все вокруг узнают, что вы классные.
5 секретов создания классной инфографики
1. Поставьте цель, подберите шаблон.
Определитесь с целями и выберите главные пункты, которые можно трансформировать в инфографику. Осмыслите их и сделайте выводы.
Пример: вы хотите рассказать о росте нового проекта по итогам года. Выделите главные тезисы, подберите статистику, набросайте текст с пояснениями. После этого можно выбирать шаблон для графической подачи. Не все типы контента можно представить в графическом виде — для инфографики лучше подходит статистика, интересные факты, мануалы и гайды, рекомендации, опросы.
2. Только самое главное
Отсейте лишнее, чтобы не было визуального шума. Каждое изображение поясните коротким текстом. Текста — минимум.
3. Проверьте связь между фактами
Инфографика должна быть логичной, связь между элементами — картинками, текстом, фактами и цифрами — очевидной. Результат — небольшая история, главные герои которой — цифры.
4. Шрифты, цвета, лого
Все по брендбуку. Если брендбука нет — берите шрифты, которые хорошо читаются на любых устройствах. Не используйте много шрифтов и размеров. Используйте контрастные цвета, узнаваемые элементы бренда.
5. Размер письма
Перед отправкой проверьте, сколько «весит» письмо, и корректно ли оно отображается на всех типах устройств.
4 примера из рассылок брендов
При помощи инфографики можно «рассказывать» корпоративные истории. Посмотрим, как известные бренды используют визуализацию в письмах.
Пример 1. Pizza Hut
Инфографика сети ресторанов объясняет новое предложение и блюда, доступные для заказа. Нетипичный темный фон — элемент корпоративного стиля компании. Кусочки пиццы и ингредиенты выглядят аппетитно, правда?
Внизу — кнопка заказа. Источник
Пример 2. Open Table
Сервис онлайн-заказа столиков в ресторане в забавной форме рассказал об активности пользователей. Клиенты получили на почту красивые отчеты о своих походах в ресторан за год. Обычные цифры превратились в захватывающую графическую историю. Чем не повод похвастаться перед друзьями?
Этот прием особенно хорош для компаний, продающих сервис и услуги: гостиниц, фитнес-клубов, ресторанов, авиалиний.
Приятная «напоминалка» от Open Table. Источник: Subtext
Пример 3. Hipmunk
Яркая сюжетная инфографика от Hipmunk, сервиса для поиска авиабилетов и отелей. Цель — увеличить трафик и конверсии. Клиенту предложили в письме три варианта, как использовать дополнительные деньги с возврата налогов. Каждый вариант хорошо проработан графически: сразу представляешь себя на пляже в Гавайях. Вот так надо работать с клиентами.
Под инфографикой — кнопка. Источник: Subtext
Пример 4. FitBit
Производитель гаджетов для фитнеса и здоровья показывает, как прошел год пользователя. Минимум текста, яркие картинки, кнопки шэринга в нужном месте и немного юмора. Такой инфографикой уже хочется поделиться с друзьями.
Как сделать инфографику самому — proCRMmarketing
В почтовом ящике среднего пользователя письма давно соревнуются наперебой за внимание читателя. Чтобы победило ваше письмо, оно должно выделяться. Маркетологи используют для этого разные приемы, и один из самых эффективных — инфографика.
Но что делать, если вы ничего не знаете о дизайне, а Photoshop и Illustrator кажутся космически сложными? В этой статье читайте, как сделать крутую инфографику самому. Расскажем, как создавать ее с нуля, если у вас совсем нет дизайнерских навыков, и покажем удобные онлайн-инструменты.
Что такое инфографика
Инфографика — это визуальное представление информации, которое помогает графически отобразить сложные данные в простом и понятном виде. Графически — в картинках, иконках, графиках, схемах, диаграммах, картах и так далее.
Преимущества использования инфографики в email маркетинге
Факты говорят, что в среднем человек удерживает внимание на чем-то 8 секунд — на секунду меньше, чем золотая рыбка. При этом 90% информации люди получают визуально, поэтому ваши послания должны захватывать внимание аудитории. Именно это и делает инфографика: 41,5% маркетологов считают такой тип контента лучшим способом поделиться информацией визуально.
Источник: Venngage. Переведено в SendPulseИнфографика не только помогает захватить внимание, но и:
- Упрощает подачу сложной информации. Инфографика убирает весь информационный шум, оставляя только главное.
- Повышает узнаваемость бренда. Ваш логотип, название бренда или адрес сайта, размещенные на инфографике, свяжут контент с образом компании и сделают ее узнаваемой.
- Помогает вирусному распространению. Контент с изображениями набирает на 94% больше просмотров, чем без них. Это и делает инфографику такой популярной: вы наверняка видели ее в соцсетях, письмах, блогах и рекламе.
- Увеличивает трафик. Инфографикой часто делятся. И чем больше людей поделится вашим контентом, тем выше сайт окажется в рейтинге Google и результатах поисковой выдачи.
Смотрите, как Grammarly использует инфографику в письме. Они предлагают клиентам перейти на более дорогой тариф и в цифрах показывают все преимущества перехода. Компания группирует статистику в простой для восприятия график и доказывает свою репутацию надежного приложения для всех, кто пишет.
Письмо с инфографикой от GrammarlyХотите попробовать этот прием в своих письмах? Начните с нашей статьи «Как эффективно использовать инфографику в email рассылках» — в ней мы собрали много полезных советов и примеров удачных писем с инфографикой.
Как создавать инфографику
Шаг 1. Выберите целевую аудиторию
Ваше дизайнерское вдохновение пропадет зря, если инфографика будет нацелена на неподходящую аудиторию. Чтобы выбрать релевантные данные для создания, подумайте, кто получит ваше сообщение: подростки или деловые люди, мужчины или женщины.
Шаг 2. Определитесь с контентом
Вы поняли, кому адресуете свою инфографику. Теперь нужно понять, что именно хотите рассказать этим людям. Придумайте 4-5 вопросов, на которые должна ответить инфографика, изучите тему и сгруппируйте информацию по смысловым блокам.
Шаг 3. Визуализируйте
Решите, как вы хотите отобразить данные: в графике, диаграмме, картинке, красочном тексте, карте или еще как-то. Затем приступайте непосредственно к созданию инфографики.
Цвет: выбирайте не больше пяти цветов, включая белый и черный. Убедитесь, что они сочетаются между собой и вы используете разные цвета для заголовков и основного текста. Хорошая идея — использовать цвета бренда.
Фон: выберите простой фон, который не будет спорить с цветовой гаммой.
Шрифты: остановитесь на одном основном шрифте и используйте полужирное и курсивное начертание, чтобы выделить смысловые акценты и сделать текст читабельным.
Графические элементы: графики, диаграммы, картинки и иконки должны сочетаться с цветовой схемой и не перегружать общую картину. Следите, чтобы инфографика была простой для восприятия.
Шаг 4. Придайте индивидуальность
Добавьте свой логотип и ссылки, чтобы повысить конверсии и подтолкнуть людей делиться контентом. Большими файлами делиться неудобно, поэтому следите, чтобы инфографика была не больше 2 Мб и сохранялась в png или jpeg.
Онлайн-инструменты для создания инфографики
Вы уже знаете, как поэтапно создать инфографику своими руками. Теперь посмотрим, как сделать инфографику онлайн и какие бесплатные или недорогие сервисы для этого использовать.
Infogram
Цена: бесплатный базовый тариф, 19 $ в месяц за Pro, 67 $ в месяц за Business, 149 $ в месяц за Team (тариф для команды) и гибкая цена за план Enterprise, на котором можно создавать до 10 тысяч проектов в месяц, скачивать свои проекты в виде HTML кода и даже запрашивать доработку сервиса под свои потребности. Чем выше тариф — тем больше шаблонов, возможностей редактирования и аналитики.
Этим инструментом интуитивно легко пользоваться, на базовом тарифе он предлагает больше 20 готовых шаблонов, более 35 интерактивных графиков и 550 карт. Если вы не нашли подходящее изображение, можно загрузить свое. Перетаскивайте графики, настраивайте их под свои потребности. Скачивать созданную инфографику и приватно хранить ее в сервисе можно только на платных тарифах.
У сервиса есть боковая панель управления со всеми доступными элементами, меню редактирования, а также управление слоями и масштабирование.
Интерфейс InfogramМы использовали Infogram, чтобы показать ключевые моменты нашего исследования о триггерных письмах по брошенным корзинам:
Инфографика, созданная с помощью InfogramВремя на знакомство с сервисом: 60 минут.
Время на создание инфографики: 30 минут.
Canva
Цена: бесплатный базовый тариф, на котором можно покупать отдельные нужные элементы, и Pro — 12,95 $ в месяц при оплате помесячно и 9,95 $ в месяц при оплате на год вперед.
На тарифе Pro можно адаптировать под себя готовые шаблоны, использовать фото из платных фотобанков, создавать анимированную графику и скачивать дизайны с прозрачным фоном.
Canva — один из самых популярных инструментов для создания инфографики благодаря большой базе элементов. Миллионы фотографий, 60 тысяч готовых шаблонов, больше 100 шрифтов. Редактируйте и настраивайте свой контент, делитесь им по почте, в любых соцсетях или блоге.
На боковой панели расположено меню элементов, которые можно перетягивать на рабочую область. Большую часть элементов можно настраивать.
Интерфейс CanvaМы использовали Canva для краткой памятки по сохранению репутации отправителя:
Инфографика, созданная с помощью CanvaВремя на знакомство с сервисом: 30 минут.
Время на создание инфографики: 10 минут.
Venngage
Цена: бесплатный «студенческий» тариф, 19 $ в месяц за индивидуальный и 49 $ в месяц за бизнес-тариф. Платные тарифы дают доступ к дополнительным диаграммам, иконкам и шаблонам. Также на них можно настраивать приватность своих работ, общаться с поддержкой в чате или по почте и скачивать инфографику в разных форматах.
Venngage с его интуитивным интерфейсом позволяет создавать инфографику из готовых шаблонов и неограниченно их редактировать. У сервиса есть боковое меню, где расположены все доступные опции и меню форматирования текста.
Интерфейс VenngageС помощью Venngage мы рассказали о трех важных письмах из реактивационной серии:
Инфографика, созданная с помощью VenngageВремя на знакомство с сервисом: 30 минут.
Время на создание инфографики: 15 минут.
Еще сервисы, которые можно попробовать:
Заключение
Создавать инфографику можно своими руками, даже если у вас нет дизайнерской команды. Просто помните, что любой навык требует времени, усилий и постоянства. Все профи графического дизайна тоже с чего-то начинали. Выберите инструмент, который вам больше всего подходит, выделите время и создавайте инфографику, которая запомнится читателям. С SendPulse ваша инфографика будет отлично смотреться в письмах — подписчики оценят!
Источник
Понравилось это:
Нравится Загрузка…
ПохожееКак сделать инфографику за 30 минут (Руководство на 2021 год)
Шаг 2: Определите свои цели
Точно так же, как ваше изображение будет расплывчатым, если вы не имеете в виду аудиторию, ваше изображение будет выглядеть несфокусированным, если у вас нет четкой цели. Инфографика может преследовать несколько целей. Может:
Визуализируйте процесс
В 2011 году компания Everlane создала инфографику, объясняющую, почему одежда стоит дороже, чем должна. Они расскажут, что нужно для создания простой футболки и сколько стоит каждый шаг.Затем, во второй половине инфографики, они объясняют, как компании повышают цену и как это продается вам по гораздо более высокой цене, чем необходимо.
Отчет по данным
Таблицы утомительны. Инфографика может взять те же данные и превратить их в содержательную историю. Независимо от того, нужно ли вам отчитываться о прогрессе, информировать своего начальника или выполнять регулярную визуализацию данных, можно использовать инфографику, чтобы дать хорошее представление о том, где вы находитесь и что нужно сделать.
Сотрудник на борту
Начало работы на новой должности вызывает стресс и сбивает с толку.Если кто-то новичок в вашей организации, и вы хотите дать ему памятку о том, как работает ваша компания, вы можете создать инфографику, чтобы он мог ссылаться на нее.
И многое другое. Какой бы ни была ваша цель, она определит, как вы собираетесь размещать информацию в своей инфографике.
Для нашей инфографики наша цель — научить людей тому, как лучше всего создавать инфографику. Мы делаем это, создавая резюме этого сообщения, которое вы можете ссылаться или отправлять другим людям.
Шаг 3. Соберите информацию
Следующий шаг — убедиться, что собранная вами информация соответствует вашей цели. Это тот шаг, на котором застревают многие люди. Если основу инфографики составляет значимая информация, откуда вы ее берете?
Первое и самое удобное место — это ваша собственная компания. Аналитика, данные о продажах, СОП — все это может дать вам множество данных, которые можно превратить в инфографику. Просто убедитесь, что у вас есть разрешение на использование данных.
Иногда у вас нет доступа (или вы не хотите использовать) данные своей компании. В этом случае хорошее место для поиска интересных данных — Kaggle. Первоначально предназначенный для предоставления наборов данных энтузиастам машинного обучения и науки о данных, вы можете найти весь спектр данных, от лучших игр в Google Play до наборов данных о баскетболе или глобальном потеплении.
Убедитесь, что вы сохранили источники, потому что они вам понадобятся в вашей инфографике.
При сборе данных следует обращать внимание на то, что чем меньше, тем лучше.Заманчиво поразить зрителей огромным количеством данных, но зачастую это дает обратный эффект. Вместо того чтобы думать, что это выглядит круто, люди путаются и уходят. Мы рекомендуем два варианта:
- Укажите достаточно точек данных, чтобы получить обзор темы.
- Возьмите одну точку данных и подробно объясните ее.
Если вы попытаетесь сделать и то, и другое, вы получите гигантскую несфокусированную инфографику, которая сбивает людей с толку.
Для нашей инфографики, поскольку мы делаем рисунок, который резюмирует этот пост, мы используем его схему в качестве данных.
Шаг 4. Выберите тип инфографики
Есть несколько типов инфографики:
У каждого свой способ отображения информации. В сравнительной инфографике будет использоваться макет из двух столбцов, тогда как в списке будет один столбец. Начните думать о том, как вы разместите информацию, чтобы, выбирая шаблон, вы знали, что искать.
Для нашей инфографики, поскольку мы говорим о процессе, мы будем использовать, как вы уже догадались, инфографику процесса.Мы знаем, что нам нужно будет найти шаблон, который либо показывает процессы, либо что-то, что мы можем использовать, чтобы показать прогресс. Двухколоночный макет, как в сравнении, не подойдет.
Шаг 5. Создайте логическую иерархию в ваших данных
Пришло время внести некоторую структуру в информацию, которую вы собрали на шаге 3. Причина, по которой вы делаете это в первую очередь, заключается в том, что становится трудно адаптироваться, когда вы работаете над дизайном.
Я предлагаю создать структуру либо в Word, либо в Google Doc , чтобы вы могли иметь обзор и переключать данные без особых хлопот.Пытаться сделать это после того, как вы разработали графику, — это боль.
Одна вещь, которая поможет вам создать более логичную структуру, — это обсудить ваш план. Просматривая созданную вами структуру и объясняя ее по ходу дела, вы поймете, где есть пробелы в ваших аргументах. И поскольку вы все еще делаете это в Word или Google Docs, вы все равно можете легко его перенять.
Поскольку мы работаем с планом этой статьи, структура не будет сильно отличаться от нашей.Вот что мы собираемся использовать:
Шаг 6. Выберите и настройте шаблон, соответствующий вашему сообщению
Скажу честно: Если вы не дизайнер, не создавайте собственную инфографику с нуля. Я знаю, что всем нравится думать, что они хороши в дизайне, но если вы не потратите время на развитие взгляда на это, вы не сможете понять, что выглядит хорошо, а что нет.
Хороший дизайн не сделает вашу инфографику успешной, но если ваша графика имеет настолько плохой дизайн, что начинает отвлекать внимание от сообщения, у вас проблемы.Инфографика с твердой структурой, но с хорошим дизайном подойдет лучше, чем идеально разработанная инфографика, которая повсюду.
Вот почему я рекомендую выбрать шаблон и подогнать его под свои нужды. Наши шаблоны инфографики созданы профессиональными дизайнерами и могут быть индивидуализированы. Кроме того, велика вероятность, что у вас нет времени на создание хорошей инфографики с нуля. У вас есть еще миллион дел.
Выберите шаблон, который примерно соответствует структуре, к которой вы стремитесь, и настройте его в соответствии с вашими потребностями.В лучшем случае копируйте и вставляйте части, перемещайте их вверх или вниз, а также меняйте цвета и шрифты.
Давайте сделаем это в нашей инфографике.
Поскольку мы хотим создать инфографику, показывающую процесс ее создания, я собираюсь найти шаблон, в котором есть нужные мне элементы. Поскольку это процесс, я ищу шаблоны, в которых либо есть шаги, либо элементы, показывающие прогресс.
В итоге я использовал шаблон адаптации сотрудников, который мы показали ранее. Хотя шаблон посвящен другой теме, в нем есть элементы, которые мы хотим создать для нашей инфографики.
Теперь давайте приспособим его к нашим потребностям.
Настройка шаблона в Piktochart
Шаблоны — это отправная точка для вашей графики. Их не следует использовать в качестве финального изображения.
Настройте цвета, шрифты, текст и изображения, чтобы создать собственный шаблон. Это легко сделать с помощью нашего конструктора инфографики.
Настройка цветов
Цвет влияет на тон вашей инфографики. Использование ярких игривых цветов придаст вашей инфографике… ну, яркой и игривой форме.
Помните о цели и сообщении, которое вы хотите донести. Не стоит использовать яркие и игривые цвета, когда говоришь о серьезной проблеме.
Сначала мы настроим цвет инфографики. Розовый красивый, но он не соответствует тому посланию, к которому мы стремимся. Вместо этого я рассмотрю различные цветовые схемы, доступные в шаблоне.
Когда вы нажимаете на них, шаблон автоматически обновляет цвета.
Если ваша компания или бренд использует определенную цветовую схему, вы можете вручную выбрать нужные цвета.
Если вам не нравятся цветовые палитры, включенные в шаблоны, и вы не хотите использовать цвета собственного бренда, вы все равно можете использовать такой инструмент, как Coolors, чтобы придумать для вас хорошую палитру. Опять же, если вы не разбираетесь в теории цвета, я советую вам не создавать свою собственную цветовую палитру.
Для нашего шаблона я использую цветовую схему «Голубой бирюзовый», которая является частью встроенных палитр шаблона.
Настройка текста и шрифтов
Как и цвета, шрифты имеют большое влияние на восприятие сообщения.Выберите не тот, и ваше сообщение получит совершенно новый смысл. Например:
Поиск удачных сочетаний шрифтов — это само по себе искусство. Я не буду здесь вдаваться в подробности, но вы можете прочитать другой пост о парных шрифтах. Кроме того, вы можете использовать такой инструмент, как Fontjoy, чтобы помочь вам.
Для нашей инфографики я оставлю шрифты такими, какие они есть.
На этом этапе мы добавляем собственный текст и начинаем перемещать текст. Как видите, я изменил пару вещей:
- Изменены заголовок и подзаголовок.
- Заголовок и подзаголовок поменяны местами, так что подзаголовок находится вверху.
Я также начал добавлять свой текст в инфографику. На этом этапе я стараюсь не слишком сильно связываться с дизайном. Я просто пытаюсь разместить на нем весь текст, чтобы потом сосредоточиться на изображениях, значках и выравнивании.
Добавление изображений и значков
Инфографика, содержащая только текст, утомительна, поэтому вам понадобятся изображения и значки, чтобы оживить ее. Однако из всего, что вы можете изменить в шаблоне, проще всего испортить изображения и значки.С цветами и шрифтами вы можете использовать инструменты, чтобы компенсировать недостаток опыта.
Однако с изображениями и значками вы нарушаете пробелы и композицию дизайна. Вы можете использовать вспомогательные линии в Piktochart, чтобы закрепить элементы на месте и выровнять их, но в конечном итоге вы должны решить, хорошо ли что-то выглядит или нет. Для этого требуется некоторое знание основных принципов проектирования.
Какие изображения и значки добавить, зависит от вашего сообщения и от того, какое эмоциональное сообщение вы хотите передать.Подумайте, что будет символизировать ваше сообщение. Изображение пляжа может представлять отпуск, изображение конференции — сотрудничество и т. Д.
Но, пожалуйста (пожалуйста!), Избегайте слишком часто используемых стоковых фотографий. Вы знаете таких, как сотрудник службы поддержки клиентов, улыбающийся в камеру, два парня в костюме, обменивающиеся рукопожатием, или очень политкорректную группу людей, которые кажутся странно счастливыми присутствовать на собрании.
Для нашей инфографики я вообще не использую изображения. Я использую встроенные иллюстрации Piktochart.
Сначала я добавлю наш логотип и удалю некоторые из уже имеющихся иллюстраций. Как бы мне они ни нравились, слишком много их заглушит заголовок. Я также заменяю иллюстрацию справа на иллюстрацию, которая немного больше передает сообщение.
Что касается основной части инфографики, мне не очень нравятся числа, поэтому я заменю их значками для обозначения каждого шага.
Чтобы закончить это, я также заменил нижнюю иллюстрацию той же, что и у нас наверху.Вот и все.
Шаг 7. Загрузите, поделитесь или вставьте свою инфографику
Когда ваша инфографика будет завершена, вы можете загрузить ее в формате PNG или PDF и отправить по электронной почте или поделиться ею в социальных сетях. Если вы добавили в свою инфографику ссылки, указывающие на другие ресурсы, загружать ее как изображение не имеет смысла.
Вы можете встроить свою инфографику на свой сайт. Для этого перейдите в раздел «Поделиться», установите флажок, чтобы сделать вашу инфографику общедоступной, и нажмите «просмотреть код для встраивания».Это позволяет вам вставить фрагмент кода на свой веб-сайт. Если вы используете WordPress и хотите встроить его в сообщение в блоге, вам придется поместить фрагмент кода в блок HTML.
Вот созданная нами инфографика:
Промыть, повторить
Прелесть использования шаблонов для создания инфографики заключается в том, что после создания изображения вы можете повторно использовать его снова и снова. Это полезно при создании отчетов или графиков, которые необходимо регулярно обновлять.
Как создать инфографику за час [+ бесплатные шаблоны]
Разве не было бы замечательно, если бы создание инфографики было таким же простым, как написание обычных старых текстовых сообщений в блогах? К сожалению, создание подобного визуального контента обычно требует гораздо больше времени, усилий и, давайте признаем, навыков, чем написанное слово. Обычно.
Но, учитывая популярность и эффективность визуального контента в маркетинге сегодня, вы не можете позволить себе просто бросить это полотенце.
Вот почему мы решили убрать всю боль и страдания при создании инфографики. Серьезно — пока не сдавайтесь. Вы тоже можете создать профессионально выглядящую высококачественную инфографику, которая будет завершена менее чем за час. Я собираюсь это доказать. Перво-наперво:
Затем все, что вам нужно сделать, это предоставить контент для использования внутри них. Как это просто. Фактически, я собираюсь показать вам, насколько легко создать свою собственную инфографику, продемонстрировав с помощью один из наших 15 шаблонов инфографики в PowerPoint (на фото выше).Затем я объясню, что именно я сделал, чтобы вы поняли, насколько это на самом деле легко.
Как сделать инфографику
- Выберите желаемый шаблон инфографики.
- Определите аудиторию для вашей инфографики.
- Соберите свой контент и соответствующие данные.
- Загрузите ваш шаблон в PowerPoint.
- Настройте свою инфографику.
- Добавьте нижний колонтитул с вашими источниками и логотипом.
- Добавьте код для встраивания и кнопку Pinterest и опубликуйте ее.
1. Выберите желаемый шаблон инфографики.
Ваш следующий шаг — выбрать шаблон инфографики, подходящий для представления этих данных. Важно выбрать шаблон, который специально подходит для того типа набора данных / контента, который вы хотите представить. Как вы видели на изображении выше, вы можете загрузить наши 15 шаблонов инфографики в PowerPoint и выбрать любой из них.
Скачать бесплатно
Некоторые из вариантов вашего шаблона в предложении, указанном выше, включают временную шкалу, блок-схему, параллельное сравнение и инфографику на основе данных.Вот несколько основных идей по выбору шаблона инфографики, который соответствует истории, которую вы хотите, чтобы ваши данные рассказывали:
- Инфографика параллельного сравнения: Этот дизайн инфографики может помочь доказать преимущество одной концепции над другой или просто объяснить различия между двумя конкурирующими организациями.
- Инфографика блок-схемы: Этот дизайн идеально подходит для представления нового рабочего процесса вашей организации или того, как линейный или циклический процесс работает в вашей отрасли.
- Инфографика временной шкалы: Этот дизайн может рассказать хронологическую историю или историю бизнеса, отрасли, продукта или концепции.
- Инфографика на основе графиков: Этот дизайн подходит для создателей контента, публикующих большой объем данных и статистической информации, что делает его также хорошо подходящим для экспертной аудитории .
- Инфографика с большим количеством изображений: Этот дизайн предназначен для создателей контента, которые пытаются выявить тенденции и информацию с помощью форм, рисунков или фотографий, а не просто чисел и цифр.
2. Определите аудиторию своей инфографики.
Инфографика продает себя не только благодаря дизайну. Вам необходимо предоставить «информацию», которая столь же убедительна, как и «графика», а для этого вам необходимо знать аудиторию, которую ваша инфографика намеревается охватить.
Согласно Harvard Business Review, существует пять возможных аудиторий, которые могут изменить то, как вы выбираете и визуализируете свои данные: новичок, универсал, менеджер, эксперт и руководитель. Начните с сравнения идеального читателя вашей инфографики с одной из этих пяти аудиторий — какая из них подходит вашему читателю?
Размышляя о данных, которые вы хотите визуализировать, позвольте пяти вышеупомянутым аудиториям определять, насколько продвинутыми будут ваши данные.Например, «начинающей» аудитории могут понадобиться данные, значение которых на первый взгляд более очевидно. «Эксперт» может быть более заинтересован в том, чтобы разобраться с вашими числами и выдвигать на их основе теории. «Руководитель» имеет больше общего с новичками в том, что у них есть время только на самую простую или наиболее важную информацию, а также на то, какое влияние она окажет на бизнес.
3. Соберите свой контент и соответствующие данные.
Используя аудиторию, которую вы выбрали выше, ваш следующий шаг — организовать весь контент и данные, которые вы будете использовать в инфографике.Вы можете собирать сторонние данные или использовать свои собственные исходные данные. Если вы используете сторонние данные, просто убедитесь, что вы правильно цитируете свои источники — как и в любом другом хорошем контенте.
- Выбор данных: Убедительные данные должны быть достаточно «всеобъемлющими», чтобы дать вашим читателям надлежащий контекст вокруг данных, которые вы представляете. Например, скачок посещаемости веб-сайта от месяца к месяцу не имеет большого значения — скажем, до тех пор, пока вы не обнаружите, что трафик постоянно снижался в течение предыдущих трех месяцев.Внезапно у вас появляется история о том, как вам удалось переломить нисходящую тенденцию.
- Организация данных: При сборе данных убедитесь, что вы знаете, какую историю вы хотите рассказать с помощью этой информации. Данные ради данных вообще не добавят ценности вашей инфографике.
- Цитирование ваших источников: Чтобы ваша инфографика не была загромождена множеством различных исходных URL-адресов, отличный способ цитировать ваши источники — это включить простой URL-адрес в нижней части инфографики, который ссылается на страницу вашего сайта.Вы также можете перечислить отдельные статистические данные, используемые в вашей инфографике, и их источники — например, от целевой страницы до полного предложения, на котором вы основываете эту бесплатную инфографику.
Таким образом, ваша инфографика будет выглядеть чисто и профессионально, но люди по-прежнему смогут получить доступ к источникам независимо от того, где инфографика будет опубликована или встроена. Это также может вернуть посетителей на ваш сайт.
4. Загрузите ваш шаблон в PowerPoint.
Ради экономии времени (помните, наша миссия — создать инфографику менее чем за час), я собираюсь создать инфографику на основе компиляции шагов и лучших практик, которые мы собрали в нашем руководстве, Как запустить Кампания по входящему маркетингу в 2018 году.Для этого я выбрал шаблон инфографики «Величайшая временная шкала в мире» из нашей коллекции шаблонов инфографики, который полезен для моего набора данных, поскольку он позволяет мне описывать каждый этап процесса создания кампании по порядку.
5. Настройте свою инфографику
Очевидно, что это самая трудоемкая часть, но также и самая интересная. Просто придумайте броский заголовок, подключите свои данные / контент и настройте размер шрифта и форматирование. Не стесняйтесь менять графику и цвета, чтобы они соответствовали вашему бренду и данным, которые вы предоставляете.Чтобы еще больше настроить внешний вид инфографики, вы можете добавить или изменить цвета или стили шрифта.
В этом примере вы заметите, что я ввел свой текст и изменил цвета шрифта на фирменный оранжевый и темно-синий HubSpot:
Вы также не ограничены тем, что включает в себя шаблон. Вы можете использовать инструменты в программном обеспечении PowerPoint для создания гистограмм, круговых диаграмм и других визуальных элементов для поддержки ваших данных. (Примечание: Загрузите наши бесплатные шаблоны инфографики , чтобы получить шпаргалку по использованию различных функций и инструментов PowerPoint.)
6. Добавьте нижний колонтитул с вашими источниками и логотипом.
Наконец, я добавил ссылку на свой источник (который можно найти здесь), а также логотип HubSpot, чтобы люди знали, кто создал инфографику, если она будет опубликована в социальных сетях или встроена на другие веб-сайты — это определенно то, что вы хотите, поскольку одно из основных преимуществ создания инфографики — это возможность делиться ими.
7. Добавьте код для встраивания и кнопку Pinterest и опубликуйте ее.
Осталось только опубликовать и продвигать свою новую потрясающую инфографику.Как я упоминал ранее, мы рекомендуем использовать ваш блог для его публикации (включая список источников), включая кнопку Pinterest, чтобы посетители могли легко «закрепить» вашу инфографику на Pinterest, а также создать и добавить код для встраивания, чтобы посетители могли поделиться ею. их собственные веб-сайты и блоги, как мы это делали выше.