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

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

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

Примеры инфографик для вдохновения можно посмотреть на тематическом сайте 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. Импорт данных.

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

Попробовать 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 МБ места для контента, некоторые графики и диаграммы, все работы общедоступны.

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

Venngage

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

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

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

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

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

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

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

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

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

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

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

Бесплатные иконки для вашего продукта (Большой список)

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

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

Бесплатные иконки

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

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

The Noun Project – Почти миллион бесплатных иконок созданных мировым дизайнерским сообществом.

Flat Icon – Самая большая база данных бесплатных значков.

Find Icons – Найдите бесплатные значки по ключевым запросам или используйте кнопку “surprise me”, чтобы получить что-то совершенно случайное — к тому же совершенно бесплатно.

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

Icon Gallery – В настоящее время, сервис насчитывает более 404 тыс. бесплатных иконок и значков. Дизайнеры разных профилей могут искать и использовать лицензионные значки для использования в коммерческих целях.

Бесплатные пакеты значков для web-дизайна

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

Flat Graphic Design Icons – 36 бесплатных иконок, идеально подходящих для построения инфографики, пользовательских интерфейсов и панелей инструментов.

Metro UI Icon Set – 725 бесплатных значков (512×512) для веб-браузеров, операционных систем и популярных веб-сайтов.

Flat Icons (PSD) – Красочные бесплатные иконки от дизайнера Пьера Бородина.

48 Flat Designer Icons – бесплатный набор значков — 48 офисных, туристических и социальных иконок. (Вам нужно будет ввести свой адрес электронной почты, чтобы произвести загрузку).

168 Custom Interface Icons – В пакет входят значки в 3 стилях (выделенные, заполненные и цветные).

Plex – 119 бесплатных значков, созданных для соответствия с продуктами Google.

Free Flat Style Icon Pack – Идеально подходит для работы с векторными стилями.

Varient Flat Custom CS Icons – Идеальный пакет значков от Тома Ньютона.

Hex Icons Pack – 170 бесплатных значков, плюс 45 игровых иконок.

Climacons – 75 иконок климатической тематики от Адама Уиткрофта.

Free Line Icon Set – 38 значков, некоторые из них – значки самых популярных графических редакторов.

Free Flat Icons – Простые, элегантные иконки от дизайнера Яна Дворжака.

Publicons – Коллекция тонко-настроенных значков для издательской и платформенной графики от Tumblr до Drupal.

Product Icons – Содержит значки для Dribbble, Pinterest и других приложений.

Elegant Mobile App Icons – Полностью редактируемые значки для мобильных приложений.

Бесплатные иконки для социальных сетей

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

Social Icons from Flat Icons – Бесплатный пакет плоских значков для социальных сетей. Значки являются лицензированными, могут применяться для коммерческого использования.

Retina-ready Circle Flat Icons – 24 высококачественных бесплатных сетчатых значков для социальной сети.

24 Circle Social Media Icons – Не квадратные значки, для пользователей избегающих острых углов.

Social Icons from Icons8 – Сервис позволяет искать значки — от WhatsApp до Paper Plane.

New Social Media Icons – Набор из 9 бесплатных растровых значков в формате PNG.

Buttonz – Красочные иконки с тенью для использования в социальных сетях.

Social Network Buttons – Яркие и крупные круглые иконки.

Social Media Icon Stickers – Иконки-стикеры для социальных сетей.

Premium Flat Social Icon Set – 40 круглых изменяемых по размеру иконок.

Triangle Vector Icons – 20 бесплатных векторных значков.

Social Media Badges – 20 ярких значков.

Инфографические иконки векторов скачать бесплатно графический дизайн

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

[ Векторы ] сельскохозяйственные инфографические элементы дизайна цветной мультяшный эскиз (ai, eps 4.29MB)

All-free-download. com

[ Векторы ] элементы инфографического дизайна красочные 3d бары декор ( ai , eps 2.94MB )

All-free-download.com

[ Векторы ] Инфографика шаблона круговой сектор формы ( .ai .eps 2.90MB )

All-free-download.com

[ Векторы ] Инфографика шаблона круговой сектор декор ( .ai .eps 3.57MB )

All-free-download.com

[ Векторы ] наборы фруктовых иконок цветные плоские классического дизайна ( .svg .ai .eps 3.97 МБ)

Анги Байога

иконки инфографика инфографика иконки вектор инфографика шаблон вектор инфографика инфографика eps инфографика дизайн вектор инфографика eps инфографика элемент инфографика шаблон инфографика вектор вектор инфографика дизайн бесплатно инфографика вектор инфографика скачать бесплатно вектор инфографика дизайн инфографика шаблон инфографика вектор инфографика свободный вектор

[ Векторы ] образование инфографики шаблон значок стека книги (ai, eps 2. 86MB)

All-free-download.com

[ Векторы ] здоровая пища инфографика баннер яркий цветной круг макет (ai, eps 2.80MB)

All-free-download.com

[ Векторы ] шаблон инфографики соединенные теги форма звезды декор ( .ai .eps 26.85MB )

All-free-download.com

[ Векторы ] наборы значков мультяшных горячих приложений красочные плоские классические нарисованные от руки эскизы ( .svg .ai .eps 3.98 МБ)

Анги Байога

[ Векторы ] наборы иконок для зубов круговая изоляция плоские символы контур ( . svg .ai .eps 2.19MB )

Анги Байога

[ Векторы ] инфографика дизайн красочные головоломки украшения деньги значок ( ai , eps 2.64MB )

All-free-download.com

[ Векторы ] онлайн обучение продвижение веб дизайн в горизонтальном стиле (ai, eps 1.73MB)

All-free-download.com

[ Векторы ] шаблон инфографики связанные круги последовательности декор ( .ai .eps 4.59MB )

All-free-download.com

[Векторы] значок запуска устанавливает плоские цветные контуры символов (. svg .ai .eps 3.10MB)

Анги Байога

[ Векторы ] пасхальные декоративные наборы иконок плоские черные белые симметричные яйца кролики эскиз ( .svg .ai .eps 2.89МБ)

Анги Байога

[Векторы] концепция здорового образа жизни инфографика плоский ретро круг декор (ai, eps 5.90MB)

All-free-download.com

[ Векторы ] Эскиз секций круга шаблона инфографики ( .ai .eps 12.70MB )

All-free-download.com

[ Векторы ] инфографика шаблон яркие плоские круглые горизонтальные теги декор ( . ai .eps 5.51MB )

All-free-download.com

[ Векторы ] День Святого Валентина значок наборы символов в форме сердца контур красный декор ( .svg .ai .eps 3.66MB )

Анги Байога

[Векторы] Абстрактная трехмерная бумажная инфографика (ai, eps 842.36KB)

All-free-download.com

[ Векторы ] инфографика о пользе воды различные синие плоские значки украшения ( ai , eps 3.12MB )

All-free-download.com

[ Векторы ] Эскиз секций симметричного круга шаблона инфографики ( .