Ната­лья Бара­но­ва

Всего материалов: 586

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

Canva

Фото: фраг­мент сай­та www.canva.com

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

В этом веб-сер­ви­се так­же мож­но создать раз­но­об­раз­ные посте­ры к соци­аль­ным сетям: Pinterest, Twitter, Facebook, Tumblr, Instagram. Есть так­же шаб­ло­ны и для доку­мен­тов: писем, резю­ме и пре­зен­та­ций, сер­ти­фи­ка­тов; для бло­гов и мар­ке­тин­го­вых посте­ров (афи­ши, меню, лого­ти­пы).

Минус в том, что неко­то­рые шаб­ло­ны плат­ные. Основ­ные функ­ции сер­ви­са бес­плат­ны. Сто­и­мость биз­нес-план $9,95 в месяц.

Сайт Canva.

Venngage

Фото: фраг­мент сай­та venngage.com

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

Доступ­ны бес­плат­ные шаб­ло­ны, но мож­но при­об­ре­сти пре­ми­ум-вер­сию за 15 дол­ла­ров в месяц.

Сайт Venngage.

Visme

Фото: фраг­мент сай­та www.visme.co

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

Сайт Visme.

Cacoo

Фото: фраг­мент сай­та cacoo.com

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

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

Сайт Cacoo.

Сreately

Фото: фраг­мент сай­та creately.com

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

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

Здравствуйте! В этой статье мы поговорим о том, как делать инфографику.

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

Содержание

Что такое инфографика простыми словами

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

Главное в инфографике — найти и оформить полезную информацию. Это могут быть:

  • Обучающие материалы.
  • Результаты работы за период.
  • Увеличение или уменьшение стоимости какого-то актива.
  • Список преимуществ работы.
  • Количество отзывов.
  • Количество каких-то событий в определенном регионе.

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

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

Зачем делают инфографику

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

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

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

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

В каких программах делать инфографику

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

Google Docs и Microsoft Excel

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

Результаты получаются примерно такие:

Powerpoint

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

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

Easel

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

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

Infogr.am

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

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

Piktochart

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

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

А также на сайте можно делать презентации — приятный бонус.

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

Есть 3 главных правила оформления хорошей инфографики:

  • Правило 1. Как можно меньше текста.
  • Правило 2. Упрощаем по максимуму.
  • Правило 3. Делаем акценты на нужной информации.

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

Лучше всего увеличивать или уменьшать значение шрифта по степени важности. Размер играет большую роль на картинках.

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

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

А здесь показывают, как прогрессировали модели Айфонов:

История тоже может быть интересной. Главное, правильно всё подать:

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

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

Основные ошибки при создании инфографики

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

Слишком много текста

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

Тусклость

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

Нет акцента на инфографике

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

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

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

Время чтения: 3 минуты Нет времени читать? Нет времени?

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

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

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

  • Бесплатная (или почти бесплатная).
  • Находится в интернете.
  • Простая в использовании.
  • Классно, если работает по drag-and-drop.
  • Не требует установки дополнительных программ.

Google Docs

Подходит для статистических данных. Если вам нужно наглядно показать, к примеру, какая доля домохозяек любит Филиппа Киркорова или сколько процентов водителей не пристегиваются за рулем, то Google Docs отлично справится с этой задачей.

Ease.ly

Простой в использовании англоязычный сервис. В бесплатной версии Ease.ly доступно:

  • 10 готовых шаблонов.
  • 65 инфографических символов и 25 фотографий.
  • Экспорт jpeg низкого качества.
  • 10 шрифтов.
  • 4 вида графиков.

Схемы в итоге получаются наглядными и яркими.

Piktochart.com

На бесплатном тарифе Piktochart доступно:

  • Множество графиков, картинок и фотографий.
  • Десятки шаблонов.
  • Сотни символов в разных стилях.
  • Технология drag-and-drop.
  • Шрифты.

Можно сохранить рисунок в виде файла с расширением png или в формате raw.

Canva

Интерфейс Canva напоминает Piktochart, шаблоны такие же, как на Ease.ly. Сервис дает много бесплатных инструментов:

  • Шаблоны и фоны.
  • Графики и диаграммы.
  • Разные шрифты.
  • Яркие картинки.
  • Фотографии и графические символы.
  • Сохранение рисунка в формате png.

В целом – круто. Что неудобно – бесплатные и платные инструменты находятся в одной куче.

Visme.co

Англоязычный ресурс с простым интерфейсом. Бесплатные возможности Visme.co:

  • Шаблоны и фоны.
  • Возможность сделать видеоинфографику.
  • Шрифты.
  • Графики, диаграммы, схемы, карты.
  • Графические картинки и фотографии.
  • Сохранение в формате jpg.

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

«Следи за графиком»

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

  • Фоны и инфографические картинки.
  • Схемы, диаграммы, графики.
  • Шрифты.
  • Сохранение в формате png.

Есть одно неудобство в сервисе «Следи за графиком» – при сохранении на картинке появляется лого сервиса.

P. S. Как сделать инфографику, если никогда этого не делал

Ваша задача – помочь читателю лучше понять тему. В этом помогут следующие рекомендации:

  1. Определитесь с идеей, упростите ее. Потом вернитесь и упростите еще раз.
  2. Оставьте самое главное и интересное. Текста не должно быть слишком много, в идеале он должен стремиться к нулю.
  3. Посмотрите на готовую схему, будет ли она понятна вашей аудитории. Если нет – переделайте.
  4. Объясните идею в инфографике с помощью сервисов из нашей подборки.

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