Как делать инфографику: Как сделать инфографику бесплатно и самому — Независимое театральное объединение "Зрительские симпатии"

Содержание

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

Хотите попробовать этот прием в своих письмах? Начните с нашей статьи «Как эффективно использовать инфографику в 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 минут.

Еще сервисы, которые можно попробовать:

Visme;
Piktochart;
Easelly;
Creately.

Заключение

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

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

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

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

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

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

Инфографика и периферическое зрение

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

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

1. Монохромные элементы

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

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

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

2. Связанные графические элементы

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

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

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

3. Эффект квадратного логотипа

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

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

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

В инфографике должны преобладать цельные, большие и однотонные элементы.
Если элемент необязателен и служит только для украшения, лучше его убрать, потому что он может ввести в заблуждение.
Создайте «якорь» — часть элемента инфографики, которая делает его заметным и понятным.
Ограничьте свою палитру: обилие цветов сбивает с толку и не позволяет глазу сосредоточиться на чем-то одном.
Не бойтесь абстракции. Почему во всем мире предпочитают абстракный формат карт (B), а не более достоверный в географическом плане формат (A)? Потому что на первом много лишней информации, в которой теряются нужные данные. А второй формат позволяет четко видеть маршруты даже при одном взгляде.

Онлайн-ресурсы для создания инфографики

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

Vizualize.me

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

vizualize.me

Piktochart

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

piktochart.com

easel.ly

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

easel.ly

Visual.ly

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

create.visual.ly

Infogr.am

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

infogr.am

Venngage

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

venngage.com

iCharts

Этот сервис позволяет создавать красивые диаграммы, закачивать информацию из Excele и Google Drive, сохранять в формате PDF и размещать готовые диаграммы на разных ресурсах.

icharts.net

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

Как создать инфографику онлайн. Обзор сервисов для создания инфографики.

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

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

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

Easel.ly

https://www.easel.ly/

Сотни шаблонов инфографики на Easel

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

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

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

Infogram

https://infogram.com/

Сервис для создания инфографики — Infogram

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

Позволяет вставлять значки, картинки, строить графики, вставлять карты. В общем, всё что вы когда либо видели в чье-то инфографике, с этим сервисом можно сделать.

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

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

Picktochart

https://piktochart.com/

Сервис для создания инфографики — Picktochart

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

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

Venngage

https://ru.venngage.com/

Создание инфографики на сервисе Venngage

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

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

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

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

Crello

https://crello.com/ru/

Сервис для создания инфографики и дизайна — Crello

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

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

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

Visme

www.visme.co

Visme для создания графики онлайн

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

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

Бесплатный тариф имеет ограничение на скачивание, например в pdf скачать вы не сможете, но можете сохранить картинками. Библиотека шаблонов тоже ограничена.

Adobe Spark

https://spark.adobe.com/

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

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

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

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

Snappa

Snappa — создавайте графику онлайн

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

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

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

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

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

Mind the Graph

https://mindthegraph.com/

Mind the Graph — сервис для создания детализированной качественной инфографики

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

В сервисе Mind the Graph очень много шаблонов и графики на самые разные темы. Здесь и различная техника, и детализированные изображения органов и частей тела, машины, животные, медицина, космос. Более 40 000 точных научных иллюстраций для усиления воздействия вашего сообщения.

Mind the Graph пользуется доверием исследователей и ученых из более чем 100 ведущих академических, образовательных и промышленных учреждений.

Drawtify

drawtify.com

Drawtify — создание инфографики

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

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

DesignCap

https://www.designcap.com/

Сервис Design Cap

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

Превратите свои массивные данные в визуализированную классную диаграмму! Настройте диаграмму по своему желанию и четко представляйте данные своим клиентам и партнерам.

В бесплатной версии ограничения на шаблоны и на количество скачиваний.

Canva

https://www.canva.com/

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

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

В бесплатном тарифе можно сделать очень многое. Практически заменил мне Фотошоп.

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

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

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

Сотни шрифтов. К вашим услугам подборка великолепных шрифтов для каждого дизайна. В службе Canva все предусмотрено — приходите и берите.

Мой выбор

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

Для себя я выделяю 3 сервиса

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

М 4. Инфографика: как создать чудо?

Видеть и делать новое —

очень большое удовольствие.

Вольтер.

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

Сложно придумать идею, сформулировать проблему, увидеть «картину» в целом. Но, об этом, чуть позже.

Рассмотрим техническую сторону вопроса.

Какие сервисы предназначены для создания инфографики?

Предлагаю познакомиться (или вспомнить 2 сервиса).

Инструкция по работе с сервисом:

Видео YouTube

Инструкция по работе с сервисом:

Видео YouTube

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

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

Мы попробуем создать инфографику к уроку или к учебному проекту.

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

Технология создания инфографики.

Задание 1. Инфографика к уроку/учебному проекту.

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

Помните, что инфографика отличается:

от конспекта к уроку,
от слайдов презентации к уроку.

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

Задание 2. Рефлексивный разговор.

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

Вы славно поработали, СПАСИБО!

3.4. Как создать инфографику — Сетевой урок «Люблю я макароны»

Советы для начинающих

Создание инфографики – дело нехитрое, однако если вы начинающий пользователь, который ещё ни и разу

в жизни не занимался составлением подобного, вам окажутся полезны следующие советы:

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

её видах и алгоритм создания. Также знакомимся с сервисами.

Отличный мастер-класс по работе с Онлайн-сервисом

Piktochart

Всё понятно и вполне доступно — пройди быструю регистрацию, выбери бесплатный шаблон

и за 15 минут красочно оформи необходимую информацию.

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

не имея специальных знаний в этой области:

Этот сервис призван упростить создание инфографики, используя уже готовые шаблоны.
Онлайн-сервис Piktochart – это отличное решение для создания современной инфографики. Даже если вам не нужны красивые бизнес-презентации, наглядные отчёты и сочные постеры, то уникальные изображения к публикациям точно не помешают.
Нет опыта проектирования? Нет проблем! Давайте начнем с нуля и познакомимся с основными инструментами Canva, которые помогут вам создать удивительные проекты.

Основные правила оформления инфографики:

· Необходимо, чтобы в инфографике преобладали большие, цельные и однотонные элементы.

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

· В картинке должен быть «якорь» – это такой элемент инфографики, который сделает ее заметной и понятной.

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

Мы решили остановить свой выбор на сайте Canva, так как в этом конструкторе нашли

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать красивые графики и инфографику для ваших сайтов?

Если Интернет — это одно, это визуально.

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

Согласно инфографике Top Marketing Schools, инфографика может охватить около 15 миллионов человек.

Почему инфографика?

Маркетинговая компания Bell Pottinger увеличила на 55% бизнес-бюджеты на такие цифровые товары, как инфографика.

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

Выгода # 1- Новые посетители

Добавление инфографики привлекает новых посетителей сайта несколькими способами.

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

Nielson / Norman Group По оценкам, среднее посещение страницы длится менее минуты. Если вы не заинтересуете читателя, она перебирает вашу страницу и переходит на следующий сайт.

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

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

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

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

Выгода # 2 — удерживать посетителей

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

Преимущество №3 — Добавить полномочия

50% нашего мозга участвует в визуальной обработке (источник).

Большинство людей являются визуальными учениками. NeoMam собрал исследования из таких источников, как Google Trends, Nielson и Pearson, которые показывают, что 70-процент сенсорных рецепторов находится в глазах, и люди могут принимать и осмысливать визуальную сцену только под 1 / 10th секунды.

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

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

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

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

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

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

Информационная архитектура

В целом, хорошая часть визуализации данных состоит из трех основных элементов:

Значимые данные,
Надлежащие информационные проекты и
Красивая графика.

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

Следовательно, до создание графика или инфографики, вам понадобится 1) Организуйте, фильтруйте и уточняйте свои данные; 2) Решите, как представить свои данные (например, проекты визуализации данных).

Добыча данных

Откройте для себя OpenRefine — мощный инструмент интеллектуального анализа данных, который избавляет нас от необходимости упорядочивать данные построчно на листе Excel. Этот инструмент, ранее известный как Google Refine (и Freebase Gridworks), помогает пользователям исследовать и очищать данные, преобразовывая данные из одного формата в другой и расширяя его с помощью различных веб-служб.

В случае, если вы работаете с некоторыми массивными неупорядоченными данными, OpenRefine определенно должен быть в вашем наборе инструментов. Инструмент в настоящее время размещен на GitHub, вы можете посетите эту страницу за всю необходимую информацию и помогает. Для дальнейших последующих новостей и последних новостей, вы также должны проверить свой недавно запущенный веб-сайт на http://openrefine.org/

Представление данных

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

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

Как вы должны представить свои данные, чтобы ваша статистика была красивой, привлекательной и легкой для понимания?

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

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

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

Инструменты для инфографики и зарядки

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

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

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

Инструменты продвижения по графику

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

1. ggPlot2 и R

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

Если вы увлекаетесь изучением R и ggplot2, LearnR это отличный блог для дальнейшего чтения (хотя блог не был обновлен в течение некоторого времени).

2. jqPlot

jqPlot — это плагин для построения графиков и построения диаграмм для платформы jQuery Javascript. jqPlot создает красивые линейные, гистограммы и круговые диаграммы. Этот инструмент имеет несколько полезных функций, таких как создание интерактивных точек, которые пользователи могут настраивать в веб-браузерах. Однако стоит отметить, что этот инструмент не прошел тщательное тестирование и может не поддерживаться некоторыми веб-браузерами, а именно Chrome и IE ниже 7.

3. JP Graph

JP Graph PHP-инструмент для построения графиков, который поддерживает различные типы графиков. Если вы пишете PHP-программу, для которой нужна библиотека для создания графиков, это то, на что вы должны обратить внимание. Я бы не сказал, что JP Graph — это простой инструмент для начинающих, но этот инструмент (или библиотека PHP) очень полезен, когда вам нужно сгенерировать графики и диаграммы с вашего веб-сервера. JP Graph бесплатен для некоммерческого использования, и вам потребуется веб-сервер, поддерживающий PHP 4.3.x или выше.

4. JS InfoVis Toolkit

JavaScript InfoVis Toolkit это библиотека, разработанная Николасом Гарсия Белмонт. Библиотека поставляется с широким спектром вариантов визуализации, и она абсолютно бесплатна для использования.

5. IBM Analytics (ранее известный как «Много глаз»)

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

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

6. Диаграмма Google

Google Chart является бесплатным, мощным, гибким и поддерживается множеством других инструментов разработчика.

Диаграмма на Google Chart основана исключительно на технологии HTML5 / SVG; инструмент помогает создавать диаграммы в различных форматах с красивой анимацией и интерактивными элементами управления.

7. Ось

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

Легкие инфографические инструменты для начинающих

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

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

1. Visme

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

Более 350,000 XNUMX частных лиц и организаций (включая пользователей таких крупных компаний, как IBM и Disney) используют этот инструмент, чтобы лучше общаться с помощью интерактивной графики и презентаций.

2. Venngage

Venngage это удобный визуальный инструмент, который существует с 2011. Этот инструмент предлагает простой способ создания инфографики с помощью перетаскиваемого редактора, холста произвольной формы и 1,000 + с примерами и предварительно созданными шаблонами.

3. Easel.ly

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

4. Vizualize.me

Vizualize.me помогает создавать красивую инфографику о людях (да, отсюда и название Vizualize Me). Это забавный инструмент, с которым можно поиграть, и он создает красивое резюме или профиль всего за несколько кликов. Если вы находитесь в LinkedIn, вам действительно стоит попробовать это — инструмент может связываться с вашим профилем LinkedIn и генерировать потрясающую графику на основе ваших данных.

5. Hohli

Нужен простой построитель диаграмм? затем Hohli это место для посещения. Эти веб-приложения поддерживают различные типы диаграмм двенадцати различных размеров — все, что нужно пользователям — это ввести данные и детали дизайна.

6. Piktochart

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

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

Прежде чем вы начнете: инфографика Вдохновение

Итак, вы готовы создать свою собственную инфографику? Подождите. У нас еще осталось немного больше.

Вот некоторые из самых популярных инфографик и графиков, захваченных из Интернета.

Я почти уверен, что вы видели некоторые из них в социальных сетях в прошлом — что доказывает, что симпатичная графика с значимыми палочками данных!

Кроме того, есть причины, по которым в наши дни галереи инфографики становятся предметом интенсивной торговли.

Обращаясь к чужим работам, мы узнаем, что хорошо работает с аудиторией.

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

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

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

Кофейные напитки Иллюстрированныйисточник: lokeshdhakar.com

Полевое руководство для поклонников источник: PC World

Лучшее пиво в Америке 2008источник: Mikewithart.com

Периодические таблицы шрифтов

Отслеживаниеисточник: New York Times

Эволюция телефонаИсточник: Пау Вау сейчас

Проверить в графике

Источник: Четыре квадрата

Копаем глубже

Я наткнулся на десятки интересных блогов и веб-сайтов, связанных с нашей темой, когда проводил исследование для этой публикации. Серьезно, здесь так много всего, что нужно прочитать, узнать и поиграть! Я никогда не знала, что на Зазор и Лучший мировой поток; Я много читал на информационных сайтах / блогах, таких как UX Booth (не полностью связанные с визуализацией данных, но есть много полезных статей о том, как визуализация улучшает работу веб-пользователей), Динамические диаграммы, Проточные данные; и я глубоко восхищаюсь всеми потрясающими работами, выставленными на Рэнди Pinterest доска и График порно.

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

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

Как создать инфографику за 9 простых шагов [Руководство на 2021 год]

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

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

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

Продолжайте читать.

9 шагов к созданию информативной инфографики

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

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

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

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

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

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

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

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

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

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

Например, ваша аудитория в основном в Instagram? Тогда ваша инфографика, вероятно, должна быть квадратной.Ваша аудитория много скроллирует на Pinterest? Тогда ваша инфографика должна быть готова к работе с Pinterest.

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

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

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

2. Определите цель своей инфографики

Чего вы хотите достичь с помощью своей инфографики? Есть ли цель обучить, развлечь или показать результаты опроса? Или что-то еще?

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

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

3. Выберите тему для инфографики

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

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

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

Инфографика ниже сосредоточена на одной теме: как повысить вовлеченность в блог.

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

4. Соберите данные и информацию для своей инфографики

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

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

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

5. Проверьте все факты и укажите свои источники

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

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

6. Решите, как визуализировать ваши инфографические данные

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

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

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

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

7. Задайте тон для инфографики

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

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

После того, как вы определились с тоном, вы можете приступить к написанию копии.

8. Напишите копию и создайте текстовую схему

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

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

9. Нарисуйте каркас инфографики

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

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

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

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

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

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

Как сделать инфографику с шаблоном
Как создать инфографику с пустым холстом и блоками содержимого

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

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

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

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

Даже если дизайн шаблона не совсем соответствует вашему содержанию, его довольно легко настроить и отрегулировать соответствующим образом.

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

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

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

Приступим!

1. Выберите шаблон для своей инфографики

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

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

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

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

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

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

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

2. Вставьте свой контент в заполнители шаблона

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

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

Pro Tip: Чтобы добавить еще один блок, наведите указатель мыши на верхний левый угол раздела и щелкните значок плюса (+). Затем выберите «добавить из шаблона», и вы войдете в библиотеку содержимого, где сможете выбрать любой стиль блока, который хотите.

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

Вот некоторые рекомендуемые размеры шрифта для инфографики:

Большие заголовки: 24-36 пт.
Средние заголовки: 20-24 пт.
Текстовое содержание: 14-18 пт.

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

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

3.Выберите пару шрифтов для текстового содержимого

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

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

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

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

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

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

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

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

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

4. Выберите и разместите значки в инфографике

Никому не нравится инфографика, состоящая только из текста.

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

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

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

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

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

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

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

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

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

6. Проанализируйте поток и определите разделы в своей инфографике

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

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

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

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

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

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

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

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

Шаблоны

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

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

Отсутствие шаблона сделает вашу инфографику особенной и единственной в своем роде. Создать его с нуля тоже не должно быть сложно!

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

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

1. Выберите пустой холст с инфографикой на главной панели инструментов

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

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

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

2. Добавьте блоки содержимого в свою инфографику

Библиотека блоков содержимого

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

Заголовок
Иконки и текст
Изображения и текст
Статистика / цифры
Диаграммы и графики
Сравнение
Диаграммы
Хронология
Процесс
Карты
Нижний колонтитул

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

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

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

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

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

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

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

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

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

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

4. Настройте виджеты данных в инфографике

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

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

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

5. Вставьте значки и графику в инфографику

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

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

6. Сбалансируйте типографику в инфографике

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

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

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

7. Настройте цветовую схему инфографики

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

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

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

8. Проверьте последовательность всей инфографики

Последний шаг к завершению вашей инфографики — проверить, имеет ли смысл поток.

Легко ли читать и понимать информацию? Привлекает ли контент внимание ваших зрителей в правильном порядке?

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

9. Добавьте источники и информацию о компании в нижний колонтитул

Помните, как мы советовали вам сохранять все URL-адреса, которые вы использовали для поиска информации для своей инфографики на этапе планирования?

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

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

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

10. Корректура и проверка правописания

Ваша инфографика почти готова!

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

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

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

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

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

Вот несколько преимуществ получения бизнес-аккаунта Visme, которые упростят создание инфографики для вашего бренда:

Премиум шаблоны

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

Фирменный комплект

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

Интерактивность

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

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

Раньше создание инфографики было сложной задачей, но теперь это уже не так.

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

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

Зарегистрируйтесь в Visme бесплатно, чтобы начать создавать свою собственную инфографику уже сегодня!

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

Как сделать инфографику с помощью Powerpoint — агентство контент-маркетинга

В этой статье…

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

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

Почему следует использовать инфографику? Инфографика

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

Подпишитесь на нашу рассылку новостей

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

Подпишитесь по электронной почте

Спасибо за загрузку.

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

Как создавать инфографику с помощью PowerPoint

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

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