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

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

Canva

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

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

Еще по теме: Как создать постер или афишу в Canva

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

Сайт Canva.

Venngage

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

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

Еще по теме: Инфографика: как это работает

Сайт Venngage.

Visme

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

Сайт Visme.

Cacoo

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

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

Сайт Cacoo.

Еще по теме: Визуализация данных: почему инфографика сложно дается НКО

Сreately

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

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

Сайт Сreately.

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

1. Сreately

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

image

2. Infogr.am

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

image

3. Piktochart

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

4. Visual.ly

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

5. Google Charts

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

6. Vizualize.me

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

7. Wordle

Проверенный временем сервис  для создания простых и наглядных визуализаций.

8. Tagxedo

— ещё одна вариация знакомого всем Wordle – сервис генерирует загруженный текст в визуальную картинку.

9. Inkscape

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

10. Vizify

Ресурс  синхронизирован с Twitter и создан для демонстрации и визуализации детальных данных из ленты.

11. Cacoo

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

12. Photo Stats

И на сладкое осталось приложение для вашего iPhone. Ресурс  анализирует фотографии на вашем телефоне и создает инфографику с использованием данных о месте и времени каждого сделанного снимка.

Присоединяйтесь к Event.ru Свежие вдохновляющие идеи: 15 креативных инсталляций Самые горячие идеи с зимней музыкальной конференции в МайамиСвежие вдохновляющие идеи: 15 креативных инсталляцийСамые горячие идеи с зимней музыкальной конференции в Майами Содержание:

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

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

Правила при создании инфографики

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

Принцип «DataFirst»

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

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

Работа с корректной и проверенной информацией

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

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

Дьявол в деталях

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

У инфографики стадиона много мелких деталей. Такую инфографику интересно изучать.

Пример хорошей инфографики со множеством деталей. Автор: Татьяна Мисютина

Без клише

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

Плохой пример. Инфографика с клише, иллюстрациями в разных стилях и плохой типографикой

Основные инструменты и программы

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

Почитайте также:  Дороже золота: самые дорогие металлы в мире

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

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

Power Point – инструмент, входящий в состав офисных программ MicrosoftOffice. Распространяется условно-бесплатно, и формально предназначен для подготовки презентаций, но, как ни странно, способен и работать с информацией, передаваемой с помощью графиков, изображений и диаграмм. Как делать инфографику в программе PowerPoint? С помощью заранее подготовленного инструментария и раздела «Вставка», который даже Microsoft Word превращает в дизайнерский холст. «Вставка» хранит и иллюстрации, и геометрические фигуры, и надстройки, и разделы со ссылками, примечаниями, текстом и направляющими стрелками. Единственное, чего недостает – поддержки инфографики в формате PSD. Файлы из Photoshop тут не принимаются и не обрабатываются. Зато нативных шаблонов с примерами предостаточно – даже новички сразу же разберутся в сути.

Фреймворк D3.js – загружаемый набор JavaScript-библиотек, которые, с учетом знаний HTML, SVG и CSS, легко использовать для работы с инфографикой. Из преимуществ перед конкурентами – четкое отображение вводимой информации, ведь придется использовать не графические приемы, четкие линии, геометрические фигуры, шаблоны или примеры, а программный код, который добавляется в тег <<span>script>.

Пример интерактивной инфографики из NY TImes, сделанной на d3.js

Сервисы для создания

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

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

Пример инфографики, сделанной в Tableau. Полная версия

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

  1. Tableau – классическая программа, сосредоточенная на создании инфографики и работе с цифрами, текстом и сопроводительным описанием. Доступ к Tableau выдается по модели Freemium. То есть основной функционал, вместе с шаблонами и примерами, бесплатен. А вот за дополнительные материалы, круглосуточную поддержку от разработчиков и синхронизацию информации между компьютерной, мобильной и браузерной версиями Tableau придется отдавать деньги ежемесячно.
  2. Canva – изобретательная графическая программа, способная работать с изображениями, документами и информацией в тех форматах, которые и не снились конкурентам. В Canva не возникает проблем – ни с созданием инфографики онлайн (да еще и без загрузки дополнительных материалов, ведь иконки, рамки, направляющие стрелки и иные детали разработчики сервиса выдают бесплатно, сразу после регистрации), ни с подготовкой визитных карточек и открыток, ни с организацией публикаций для добавления в социальные сети. И главное – разбираться в нюансах и деталях можно по ходу дела, даже не вчитываясь в инструкции и рекомендации, ведь новичков уже ждут шаблоны и примеры. Осталось сделать лишь новое описание и добавить немного деталей.
  3. Visual.ly – экспериментальный конструктор инфографики, отличающийся от конкурентов по жанру тем, насколько серьезно разработчики нацелены и на новичков, и на профессионалов. Тех, кто впервые сталкиваются с графикой и дизайном в Visual.ly, ждут инструкции, советы и наглядные рекомендации (сделать даже сложную работу по чужим примерам станет легче). Экспертам же достанутся редкие материалы и расширенные настройки оформления, а еще шаблоны и программы улучшения уже полученных результатов.
  4. Infogr.am – автоматизированный, интуитивный и условно-бесплатный сервис, открывающий доступ к мультифункциональному графическому редактору. В нём легко создать инфографику онлайн, воспользовавшись заранее подготовленными шаблонами, схемами и картинками. В результате – появится шанс в полуавтоматическом режиме сделать инфографику запредельного уровня.

Почитайте также:  Самые большие города Европы по численности населения: крупные зарубежные и российские агломерации

Использование шаблонов

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

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

Где найти шаблоны?

Для поисков желательно использовать поисковую систему Google и запросы на английском языке, вроде «Free Infographic Designs», а не отдельные программы. Смотрим в выдачу, а дальше – останется отсортировать появившийся контент и выбрать нужные варианты для того, чтобы создать инфографику.

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

Можно указать формат (PSD или AI для AdobeIllustrator), тематику (спорт, география, политика) и способ отображения (графики, карта). А еще сделать поиск проще помогут названия некоторых примеров, шаблонов и графических движков.

Бесплатные шаблоны

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

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

Пример бесплатного набора с элементами инфографикой с сайта freepik.com

Сайт Vexels – нечто среднее между социальной сетью для художников и стоком для тех дизайнеров, которые решились безвозмездно поделиться инфографиками с остальными участниками сообщества. Из плюсов – разнообразие доступных примеров. Постеры, шаблоны для презентаций и инфографиков, визитные карточки. И главное – организаторы сайта предлагают выбирать формат загружаемых «идей» – место тут нашлось и PNG, и PDF, и даже программному коду!

Платные шаблоны

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

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

  • Shutterstock – стоковый сервис, преимущественно используемый не для поиска шаблонов, а для загрузки изображений, которые в дальнейшем пригодятся для подготовки инфографики, к примеру, при проработке резюме или же в сложном журналистском расследовании. Для использования программы с загрузкой контента придется зарегистрироваться.
  • CreativeMarket – в буквальном смысле цифровой магазин с шаблонами, примерами, изображениями и инфографиками других авторов. Тут легко отыскать любопытные идеи или же сразу вооружиться комплектом материалов для того, чтобы сделать задуманное.
  • Envanto – стремительно развивающийся сервис, функционально и тематически сосредоточенный на помощи дизайнерам в подготовке и правильном представлении информации. В Envanto найдутся и шаблоны, и примеры инфографики, и уроки для тех, кто стремится сделать больше и разобраться в мелочах.

1051 ШрифтAA Нет времени читать?

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

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

Человеческий мозг обрабатывает визуальные данные в 60000 раз быстрее, чем текст.

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

  1. Аналитическая — схемы, контент-план, графики, инструкции, карты.
  2. Развлекательная — новостные события и юмористические публикации.
  3. Рекламная — материалы, рассказывающие о товарах и услугах.

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

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

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

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

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

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

Содержательную и привлекательную инфографику создают, следуя определенным правилам. Основные этапы обозначили Джарред Ромли и Тиффани Фаррант-Гонзалез из JESS3:

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

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

Целостность фактов, качество и значимость остаются на высоком уровне, если авторы несут духовную и этическую ответственность за материалы — из книги «Beautiful Evidence» Эдварда Тафти, отца инфографики.

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

Профессиональный инфограф — немного дизайнер, маркетолог и статист:

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

Необходимы навыки в программировании, умение рисовать, знать 3D Max или Adobe Illustrator и владеть английским, так как многие программы не переведены на русский язык.

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

  • МГУ (на факультете журналистики со специализацией «Инфографика»);
  • Школа анализа данных «Яндекса»;
  • Британская высшая школа дизайна;
  • Высшая академическая школа графического дизайна.

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

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

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

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

Портал «Мир идей» советует до изучения программ почитать книги:

  1. «Инфографика. Визуальное представление данных» Рэнди Крама.
  2. «Говори на языке диаграмм» Джин Желязны.
  3. «Инфографика» Дэвида Маккэндлесса.

Создать информативную картинку или видео можно на специальном сервисе или в фотошопе.

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

  • resumup.com — поможет создать сверхпривлекательное резюме;
  • www.mindomo.com — научит прорисовывать карты мозгового штурма;
  • ruseller.com — онлайн-редактор для создания инфографики из шаблонов;
  • Canva — много бесплатных инструментов;
  • Google Docs подойдет для статистических данных;
  • Easel.ly — яркие и наглядные схемы;
  • infogr.am – дополнит изображение видео и аудиоматериалами;
  • piktochart.com – сохранение рисунка с расширением png или в формате raw;
  • vizualize.me – позволяет нарисовать инфографику и просмотреть примеры чужих работ;
  • venngage.com – бесплатные красочные шаблоны и готовые дизайнерские решения;
  • creately.com – создает диаграммы за 2 клика.

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

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

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

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

  • Freelancehunt.com;
  • weblancer.net;
  • Fl.ru;
  • freelansim.ru.

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

Информационный дизайнер – востребованная профессия. В Яндекс.Поиске 3 млн откликов на запрос по вакансиям. Заработок зависит от навыков специалиста и качества исполнения. Новичок в регионе получает около 20000 рублей в месяц, в Москве — 35000 рублей по данным Trud.com. Опытный инфограф зарабатывает от 50000 рублей в периферии и от 70000 рублей в столице.

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

Что такое инфографика и зачем она нужна

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

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

Примеры использования инфографики в тревел-блогах

Вот несколько идей инфографик для тревел-блога:

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

В качестве наглядного примера приведём портрет китайского туриста в России.

Источник

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

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

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

  1. Тему или объект исследования.
  2. Конечную цель.
  3. Цифры и текст.
  4. Примерную структуру. Можно набросать скелет в одном из инструментов прототипирования, например Moqups.
  5. Палитру гармоничных цветов. Воспользуйтесь цветовым кругом, чтобы подобрать сочетающиеся цвета.

Может сложиться впечатление, что работы совсем немного и она легко выполняется за 10-15 минут, но это не так. Один только сбор данных тянет на глубокую исследовательскую работу. Если стоит задача сделать качественный материал, которым будут делиться пользователи, то нужно работать в поте лица.

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

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

Чек-лист для создания качественной инфографики:

  1. Проект должен быть целостным, простым, наглядным и цепляющим.
  2. Чёткое позиционирование и фокусировка на центральном объекте исследования. Не должно быть лишних деталей, отвлекающих от важной информации.
  3. Грамотная структура.
  4. Визуализация сравнений. Если главная задача — сравнение объектов, то можно разделить лист на две части и шаг за шагом развивать «повествование».

5 сервисов для создания инфографики

Мы отобрали 5 самых популярных и «годных» конструкторов по соотношению функционал-удобство. Забегая вперед, некоторые из них ориентированы только на буржнет, с русским интерфейсом вариантов не так много. Посмотрим, можно ли создать в них что-то стоящее с уровнем английского «London is the capital of Great Britain».

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

Infogram

Отличается встроенным визуальным WYSIWYG редактором. Интерфейс не переведён на русский язык.

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

После выбора оформления открывается редактор, в котором можно:

  • Увеличить масштаб.
  • Включить сетку.
  • Добавить страницы.
  • Выбрать размер проекта: A4, посты для соцсетей, заголовок электронного письма.
  • Задать язык (русский есть в списке).
  • Ввести название работы.
  • Добавить текст, график, карту, изображение или иконку, фигуру. Можно подгрузить данные из сторонних сервисов: Youtube, Vimeo, Flickr, Giphy и т.д.
  • Импортировать данные из Excel, Google Drive, Dropbox, Google Analytics.
  • Поделиться ссылкой на проект по электронной почте или скопировать в буфер обмена.

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

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

Тарифных планов 5: 1 бесплатный и 4 премиума. Стоимость колеблется в пределах 19-149$ в месяц. На самом дорогом тарифе можно создавать до 10 тысяч проектов, стоимость обсуждается по телефону с персональным менеджером (таких клиентов, наверняка, мало).

Преимущество платных подписок заключаются в доступе к расширенной библиотеке готовых «объектов»: шаблоны для инфографики, изображения, иконки, карты и т.д. За 67$ в месяц можно будет загружать логотип, встраивать готовый результат через iframe на свой сайт и скрывать работы от просмотра другими пользователями.

Характеристики бесплатного тарифа:

  1. 37 интерактивных типов диаграмм.
  2. Нельзя создать больше 10 работ.
  3. 5 страниц для каждого проекта.
  4. 13 типов карт.
  5. Публичный доступ к контенту
  6. Доступна анимация объектов.
  7. Импорт данных.

Отсутствие русского перевода никак не сказалось на результативности работы.

Плюсы Минусы
Импорт данных из нескольких источников Встроенный логотип сервиса
Удобный редактор Нельзя скачивать готовые работы
Совместная работа Проекты находятся в общем доступе
Полноэкранный просмотр Маленький выбор шаблонов
Копирование и перемещение слоев
Встраивание в письмо, iframe

Попробовать Infogram 

Piktochart

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

  • Годовой отчет.
  • Карьерную историю сотрудника.
  • Автобиографию.
  • Историю компании.
  • Исследование бизнес ниши.
  • Краудфандинговую страницу (для сбора средств).

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

Визуальный редактор удобный, инструменты разбиты на несколько вкладок. Можно добавить текст вручную или выбрать один из готовых вариантов, поменять цветовую схему, отредактировать фон (изображение или цвет), загрузить свои картинки (даётся всего 40 МБ), добавить графику: фигуры, иконки, линии, фотографии. Весь доступный контент разделён на два списка: с сервиса Unsplash и, собственно, с Piktochart. Есть массовое выделение слоёв, быстрое перетаскивание, большая коллекция иконок и фигур.

В отличие от Infogram в Piktochart можно загрузить карту страны в инфографику бесплатно. Можно встроить видео с Youtube и Vimeo. На бесплатном тарифе результат работы выгружается в PNG с двумя уровнями качества: нормальный и средний.

Тарифная сетка делится на стандартные пакеты, некоммерческие и образовательные. За 24 доллара в месяц или 290 в год, можно получить доступ 800 шаблонам, 1 ГБ свободного пространства, выгрузке в PDF, HD изображениям, защите проекта паролем.

Некоммерческие подписки недорогие: от 40 долларов в год. Шаблонов и места чуть меньше, чем в стандартных тарифах. На бесплатном аккаунте количество проектов не ограничено.

Плюсы Минусы
Удобный редактор Встроенный логотип сервиса
Копирование и перемещение слоёв Нет импорта данных
Загрузка инфографики в виде изображения Проекты находятся в общем доступе
Большой выбор иконок и картинок Маленький выбор готовых шаблонов
Разбивка проекта на блоки
Много бесплатных карт

Попробовать Piktochart  

Easel.ly

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

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

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

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

В проект можно вставить:

  • Объекты и иконки.
  • Видео с Youtube.
  • Картинки с компьютера.
  • Фон.
  • Линии и стрелки.
  • Текст.
  • Графики и диаграммы.

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

Цены на платные тарифы намного ниже, чем у Piktochart и Infogram. Минимальная подписка стартует от 5 долларов в месяц. За эти деньги доступны 320 шаблонов, 11 миллионов объектов и выгрузка в PDF. Для студентов цифры опускаются до минимума: от 2$ в месяц.

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

Плюсы Минусы
Копирование и перемещение слоёв Нет импорта данных
Большой выбор иконок и картинок Проекты находятся в общем доступе
Низкие цены Редактор периодически зависает
Огромная библиотека примеров Огорчает юзабилити
Нет водяного знака сервиса

Попробовать Easelly  

Visme

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

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

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

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

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

Тарифы по обыкновению разделяются на обычные и некоммерческие. К последним можно подключаться по запросу на электронную почту. Цены от 14 долларов в месяц до 60 долларов за семестр (для студентов). Подробное сравнение тарифных планов размещено на этой странице.

На бесплатном аккаунте: 5 проектов, 100 МБ места для контента, некоторые графики и диаграммы, все работы общедоступны.

Плюсы Минусы
Копирование и перемещение слоёв Нет импорта данных
Большой выбор иконок, картинок, карт Проекты находятся в общем доступе
Есть сохранение в JPG Неудобная сортировка шаблонов
Нет водяного знака сервиса
Удобный редактор

Попробовать Visme  

Venngage

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

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

Из всех пунктов меню в левой панели доступны лишь примеры работ, всё остальное в платных тарифах. Готовые шаблоны разделены по категориям, опять же нельзя активировать просмотр только бесплатных вариантов, приходится всё время смотреть на бейджи «Premium» и «Бизнес».

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

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

На бесплатном тарифе можно создать 5 работ на основе ограниченного количества шаблонов. Платные подписки начинаются от 19$, некоммерческие от 10$, а образовательные от 29$. Деньги на балансе аккаунта откроют новые возможности: премиум дизайны, загрузку изображений, папки, выгрузку в PDF, командную работу. Описание тарифных планов размещено вот здесь.

Плюсы Минусы
Копирование и перемещение слоёв Нет импорта данных
Вставка интерактивных элементов Проекты находятся в общем доступе
Большой выбор иконок и объектов Нельзя сохранить как изображение
Русскоязычный интерфейс Вставляется водяной знак сервиса
Минимум карт в бесплатной версии

Попробовать Venngage  

Какой сервис выбрать

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

Название Интерфейс Юзабилити Функционал(на бесплатном тарифе) Готовые шаблоны Цены
Infogram ☆☆☆☆ ☆☆☆☆ ☆☆☆ ☆☆☆ от 19$
Piktochart ☆☆☆☆ ☆☆☆☆ ☆☆☆☆☆ ☆☆☆ от 24$
Easel.ly ☆☆☆☆ ☆☆☆ ☆☆☆☆ ☆☆☆☆ от 4$
Visme ☆☆☆☆☆ ☆☆☆☆ ☆☆☆☆☆ ☆☆☆☆ от 14$
Venngage ☆☆☆☆ ☆☆☆ ☆☆☆ ☆☆☆☆ от 19$

Выбирая сервис, отталкивайтесь от бюджета и периодичности задач. Для одноразовой работы подойдет бюджетный Easelly, если есть «запас денег» и графика нужна постоянно, то идеальные варианты — Infogram, Piktochart или Visme.

Кроме сервисов существуют программы для создания инфографики, к примеру, Edraw Max Pro. Возможности софта позволяют разрабатывать блок-схемы, чертежи, диаграммы и, конечно же, инфографику. Платная версия обойдется в 100-179$ (в зависимости от типа лицензии). В стоимость пакета входит пожизненный доступ к софту и 3 года обновлений.

Оцените статью
Рейтинг автора
5
Материал подготовил
Илья Коршунов
Наш эксперт
Написано статей
134
А как считаете Вы?
Напишите в комментариях, что вы думаете – согласны
ли со статьей или есть что добавить?
Добавить комментарий