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

image

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

image

На выходе получается что-то вроде этого:

Плюсы сервиса:

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

Стоимость платной версии — $99 в год.

2. Renderforest

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

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

Все шаблоны распределены по тематическим категориям, “пакетам”. Не обязательно платить за весь сервис целиком. Для создания анимированной инфографики подойдет Infographics Animation Pack:

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

Стоимость подписки от 600 до 3000 рублей за месяц.

3. PowToon

PowerPoint или Сanva от видеоиндустрии. Позволяет создавать видео-презентации из готовых макетов или собирать их с “чистого листа” путем добавления отдельных элементов из меню справа. Целый пласт шаблонов посвящен анимированной инфографике для бизнеса.

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

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

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

Из минусов — отсутствие русского языка и “кусачие” цены на полную версию от $20 до $99 за месячную подписку.

4. Animaker

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

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

Стоимость бизнес подписки на месяц — $59.

5. VideoScribe

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

В результате получается слайд-шоу а-ля Power point, но с “залипательным” эффектом рисования каждого слайда от руки.

Семь дней программой можно пользоваться бесплатно, потом придется оформлять подписку. Она относительно недорогая 11-20 евро, но в “меню” только дудл-видео. Зато большой плюс этого сервиса — на YouTube есть много обучающих роликов, как в нем создавать эти doodle video.

Заключение

Любой из этих сервисов подойдет, чтобы протестировать, насколько хорошо сработает видео инфографика для вашего бизнеса. И хотя на их сайтах можно увидеть логотипы Sony, Coca Cola или Booking.com, не обманывайте себя. Над роликами для крупного бизнеса работают топовые спецы и их инструмент — Adobe After Effects. Попробуйте его, если чувствуете в себе задатки видео-дизайнера. Но будьте готовы, что на освоение уйдут годы.

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

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

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

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

Этапы создания

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

1. Формирование идеи

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

2. Сбор и систематизация информации

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

3. Набросок

Сделайте предварительную блок-схему будущей инфографики. Группировать данные можно:

  • по хронологии;
  • по логике;
  • по иерархии;
  • по геолокации;

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

4. Написание текста

Для каждого пункта набросайте черновой вариант подписи. Допустим, вы выяснили, что 80% славянок выходят замуж в возрасте от 20 до 26 лет. Эту информацию можно подать несколькими способами: а) 20-26 лет – 80% девушек; Посмотрите, как лаконично и интересно оформлен текст в инфографике о молоке

5. Выбор графического сопровождения

Хорошим тоном для создания качественной инфографики является использование двух типов графических объектов. Один – основной и несколько дополнительных. Первый расставляет акценты и дает представление о тематической направленности контента (большой график, диаграмма, человечек и т.д.), второй — делает данные более доступными для восприятия (стрелки, сноски, блоки).

6. Верстка

На этом этапе вы вправе воспользоваться специальными сервисами (о них мы поговорим немного позже) или сверстать макет собственноручно, воспользовавшись тем же фотошопом. Я рекомендую освоить базовые инструменты работы с графическим редактором и «паять» инфографику самостоятельно, ведь так вы будете уверены в уникальности визуального контента, даже, несмотря на использование скачанных из сети png-объектов.

7. Финальные штрихи

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

Признаки качественной инфографики

1. Достоверность

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

2. Понятность

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

3. Лаконичность

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

4. Структурированность

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

5. Целенаправленность

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

6. Своевременность

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

7. Единый стиль

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

8. Мощный заголовок

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

9. Читабельность

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

10. Ценность

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

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

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

  1. Easel.ly – бесплатный сервис с гибкими настройками;
  2. piktochart.com – жирный сайт с сочной библиотекой шаблонов;
  3. infogr.am – позволяет дополнить изображение видео и аудиоматериалами;
  4. vizualize.me – кроме создания своей инфографики можно просмотреть примеры чужих работ;
  5. venngage.com – содержит бесплатные красочные макеты и готовые дизайнерские решения;
  6. creately.com – создает диаграммы в пару кликов.

Это были англоязычные порталы, а вот вам парочка отечественных:

  1. resumup.com – создает сверхпривлекательное резюме;
  2. ruseller.com – непрофильный сайт с онлайн редактором для верстки инфографики из готовых шаблонов;
  3. www.mindomo.com – прорисовка карт мозгового штурма.

Где брать шаблоны?  

  • ru.freepik.com
  • design-mania.ru
  • www.coolwebmasters.com
  • richbee.ru
  • www.dejurka.ru
  • mirshablonov.com
  • all-clipart.net

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

Полезная литература

Даю вам перечень полезной, но не обязательной для прочтения, литературы. Если хотите увидеть обстоятельный обзор каждой из представленных книг – озвучьте ваше желание в комментариях. 1. Дэн Роэм — «Практика визуального мышления» 2. Джин Желязны – «Говори на языке диаграмм» 3. Сьюзан Уэйншенк — «100 главных принципов дизайна» и «100 главных принципов презентации» 4. Дэвид Маккэндлесс – «Инфографика» 5. Рэнди Крам — «Инфографика. Визуальное представление данных» 6. Дэвид Сиббет – «Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы» 7. Майк Роуди – «Визуальные заметки. Иллюстрированное руководство по скейтчингу»

7 советов новичкам

1. Не разжевывайте

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

2. Упрощайте

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

3. Меньше декора

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

4. Немного о шрифтах

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

5. Отвечайте на вопросы

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

6. Лепка противопоказана

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

7. Защита авторских прав

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

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