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

6 основных этапов создания инфографики

1 этап – выбор темы Ее основные свойства – востребованность и актуальность.

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

3 этап – систематизация Он является наиболее сложным и включает организацию собранной информации и создание плана ее презентации.

4 этап – эскиз и раскадровка В сети информацию представляют поэтапно – по частям (с линейной последовательностью или без). Степень детализации в эскизах или раскадровке зависит от глубины проработки темы. Эскизы используются в печатной инфографике, а раскадровка в интернет-инфографике.

5 этап – создание основного и второстепенных объектов. Что такое основной или несущий объект? В печатных СМИ – это центральное изображение

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

В анимационной графике существует правило: главный объект должен управляться так же, как главный герой, при этом именно он формирует и несет информационную нагрузку. При линейной последовательности второстепенная информация дается в связи с основным объектом, тогда как при нелинейной – образуются тематические группы или врезки. Для печатных СМИ лучше использовать 2D-иллюстрации. Их выгода в том, что можно использовать сложную подробную детализацию. 3D-иллюстраций в печати выглядят либо слишком научно, либо похожи на видеоигры. Использование 2D иллюстраций со сложной детализацией в интернет СМИ не является правильным решением. Иллюстрации приходится упрощать за счет снижения деталезации. Более того, они статичны; их трудно анимировать, поэтому, если нужно показать сложную последовательность действий, лучше всего подходят векторные 2D и 3D модели: их можно легко изменять и фиксировать в любой позиции.

6 этап – макетирование, постановка. Для печатных СМИ на данном этапе дизайнер сглаживает все элементы на один «слой» и начинает создавать из них информационную композицию, размещая текст. Дизайнер веб- инфографики анимирует элементы, используя Flash, редактирует кадры, накладывает текст или звук, в зависимости от решаемой задачи. Конечно, при анимировании проекта веб-инфографики в программе Flash дизайнеру удобнее разделить контент и дизайн. Это нужно для того, чтобы редактировать текст, графику, звук и др. независимо друг от друга. Финальный флэш-файл может включать в себя только главную навигацию и пустое пространство, предназначенное для контента. Код actionscript, контролирующий действия в этом файле, может быть сохранен отдельно, с расширением “as”. Так можно редактировать код, абсолютно «не касаясь» графики. Текст записывается в отдельный XML-файл, и тоже редактируется отдельно. То же и со звуком в формате MP3.

В печатных СМИ инфографика уже определена в особый стиль презентации информации. В интернете использование инфоргафики – это новый этап развития интернет СМИ. В онлайновой журналистике появилась возможность использовать анимированные 2D и 3D изображения, а также накладывать видео и звук. Интернет- инфографика – огромная площадка для новых дизайнерских идей и экспериментов.

Как создать хорошую инфографику

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

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

При создании инфографики поставьте перед собой задачу – быстро и кратко передать основные тезисы статьи. В одной картинке старайтесь размещать минимум информации.

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

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

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

Visme.co

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

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

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

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

В сервисе много готовых шаблонов для убеждения клиентов

Где применяется инфографика

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

Вот некоторые сферы применения:

• С помощью инфографики можно подать информацию для клиентов или сотрудников.
• Показать важные новости.
• Красочно прорекламировать свою продукцию/услуги.
• Сделать удобную техническую инструкцию, которая к тому же будет понятна всем, на каком бы языке люди ни разговаривали: язык картинок универсален (мы видели это выше на примере от IKEA).
• Создать хорошо запоминающуюся и лёгкую для восприятия инструкцию по технике безопасности.
• Наглядно оформить кулинарный рецепт.
• Оформить статистические данные, годовой отчёт, результаты исследования.
• Инфографику широко используют развлекательные и научно-популярные сайты — чаще всего для того, чтобы объяснить устройство или механизм какого-то явления.
• Для той же цели она активно применяется в учебных материалах.
• Дорожные знаки — тоже своего рода инфографика.

Tawe

Программа представлена 3-мя платными тарифами

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

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

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

Видео можно сохранить в файл, на облако или опубликовать в интернете

Плюсы Tawe:

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

Минусы:

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

XVIII век — модернизация географических карт

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

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

Где находить заказы и вакансии

Вакансии по официальному трудоустройству размещают на специализированных сайтах. Портал Trud.com опубликовал 2 554 объявления, но во многих от потенциального работника требуют не только умение делать инфографику. На hh.ru всего 7 вакансий, но исключительно по отрисовке информационных картинок. Заказы можно искать на биржах фриланса:

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

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

Piktochart.com

Сервис для создания инфографики и презентационных инструментов, который позволяет подать даже скучные данные в визуально привлекательном виде с помощью всего нескольких кликов мышки. На бесплатном тарифе доступно 7 бесплатных шаблонов, а при переходе на платный аккаунт ($ 29) их количество увеличивается до 129 тем.

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

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

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

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

Название сервиса и его особенности	Что можно получить бесплатно	Русифицирован или нет
Canva. Огромная библиотека бесплатных шаблонов, у которых можно настраивать размер. Один из самых популярных сервисов.	Более 8000 шаблонов. Более 100 типов дизайнов. Облачное хранилище на 1ГБ. Возможность совместной работы. На изображении будут водяные знаки сервиса. Свой логотип загрузить нельзя.	Русифицирован.
Venngage. Большая коллекция шаблонов. Простой интерфейс.	До 5 работ в месяц. На изображении будет водяной знак сервиса.	Русифицирован.
Piktochart. Библиотека сервиса содержит более 4000 бесплатных иконок и изображений. Интуитивно понятный редактор изображений.	До 5 инфо график в месяц. Загрузка до 5МБ изображений. Цветовую схему нельзя менять. На изображении будет водяной знак сервиса.	Не русифицирован, интерфейс на английском языке.
Easel.ly. Большая коллекция шаблонов, которые можно дорабатывать: менять цвета, шрифты, загружать свои изображения и т.д.	Водяного знака сервиса на изображениях не будет. В бесплатном аккаунте есть ограничения: нельзя загружать свои шрифты, ваши работы будут видны всем пользователям и др.	Не русифицирован, интерфейс на английском языке.
Creately. Позволяет создавать сложную аналитическую инфографику – схемы, диаграммы и др. Есть возможность совместной работы.	Бесплатно можно создавать до 5 документов. Число сотрудников при совместной работе ограничено тремя.	Не русифицирован, интерфейс на английском языке.

Посмотрите обзор 3 сервисов для создания инфографики (Piktochart, Easelly, Canva)

Moovly

Тарифные планы Moovly

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

Как работать с Moovly

Чтобы создать новое видео, зарегистрируйтесь, войдите в свой кабинет и кликните по кнопке «Create new Moov».

Создайте новое видео

Укажите название и описание (необязательно) своей инфографики, выберите тематическую категорию, а затем нажмите «Create».

Придумайте название, укажите категорию — и поехали дальше

Если хотите делать все с нуля — нажмите «Create from scratch». Если нет — в вашем распоряжении пара десятков шаблонов.

Выберите шаблон или начните делать видео с нуля

Редактор откроется в отдельном окне. Всплывающее окошко предложит пройти обучающий тур. Он введет вас в курс дела. Ничего сложного в этом сервисе нет — даже объекты не анимированы.

Пройдите обучение, если хотите

Перетащите на экран какой-нибудь объект из библиотеки слева.

Создайте новый объект

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

Передвиньте отрезок в нужное место и измените его длину

Нажмите на «Choose animation» и выберите анимации появления и исчезания своего объекта.

Выберите красивые анимации для своих объектов и текста

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

Когда закончите, нажмите «S» для сохранения и закройте редактор. После этого найдите свой ролик в галерее и кликните по кнопке «Download» для загрузки или «Publish» для публикации на Youtube или Facebook.

Сохраните готовую видео-инфографику

Плюсы и минусы Moovly

Что хорошего:

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

Что плохого:

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

Сколько можно заработать

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

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

Инфографика в Google Developers Chart

Адрес: https://developers.google.com/chart/

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

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

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

Canva

Особенности

Это один из немногих сервисов, поддерживающих русскоязычный интерфейс. При этом функциональность у редактора впечатляющая. Управление им интуитивно-понятно, кроме того, есть всплывающие подсказки, помогающие разобраться в принципах его работы. Есть интеграции с Instagram, YouTube, Facebook, Flickr, Google Drive, Dropbox и другими.

Что предлагает редактор бесплатно

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

Для оформления можно использовать диаграммы, иконки, иллюстрации, анимации, рамки и многое другое. Готовый проект будет доступен к скачиванию в формате PDF, PNG, JPG, GIF, MP4.

Стоимость подписки

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

Пользователям дается возможность протестировать в течение 30 дней подписку Canva Pro ($12,95/мес.) или “Предприятие” ($30/мес.). Подробнее о тарифах узнавайте на сайте сервиса.

Last post

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

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

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

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

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

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

Для чего используется

Доказано, что 80% людей реагируют на иллюстрацию чаще, чем на обычное описание

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

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

Виды инфографики

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

Основные виды инфографики:

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

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

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

Бизнес-инфографика – используется для рассказа об истории успеха компании, рост производства, объёмов продаж, расширение видов деятельности и т.п.

Рекламная – эффективный инструмент, с помощью которого оповещают целевую аудиторию о выгодах и преимуществах предлагаемого товара или услуги.

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

Сравнительная – наглядно показывается разница между объектами сопоставления.

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

Плюсы и минусы использования инфографики

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

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

Плюсы и минусы

Иллюстрированные данные привлекают внимание к основному контенту.
Небольшие текстовые фрагменты облегчают восприятие, доносят быстрее главную мысль.
Качественная картинка повышает вероятность её репоста посетителями ресурса.

Длительный процесс создания

After Effects

У вас есть много свободного времени и желание учиться? Хотите создавать самую крутую видеоинфографику, а не какие-то скучные шаблонные ролики? Adobe After Effects — ваш выбор.

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

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

Ничего не понятно? Ну, через пару месяцев разберетесь

Плюсы программы:

• Значительно больше возможностей, чем у остальных рассмотренных сервисов вместе взятых.
• Много учебных материалов по сервису.
• Если вы пират — сможете получить программу бесплатно (фу-фу-фу так делать).
• Дружит с Photoshop и Illustrator. Если вы рисуете свои объекты там — вам будет удобно все экспортировать.
• Стоит 600 рублей в месяц (~$10) — дешевле, чем сервисы конкурентов.

Возможностей больше, а стоит меньше. Красота!

Минусы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Виды инфографики

Статистическая (аналитическая)

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

Статистика чтения

Сравнительная

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

Сравнительная характеристика машин

Конструкционная

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

Инфографика — из чего складывается цена на бензин

Новостная

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

Новостная инфографика от РИА НОВОСТИ

Рекламная

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

Инфографика о компании

Алгоритм

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

Инфографика с алгоритмом действий при ДТП

Иерархия

Часто с помощью такой инфографики компании изображают структуру рабочей организации. Ещё иерархично показывают статистику.

Инфографика в виде иерархии

Карта

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

Инфографика в виде карты российских вузов

Таймлайн

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

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

Список

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

Пример инфографики в виде списка

Резюме

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

Резюме-инфографика

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

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

Завладеть вниманием человека нелегко. Поэтому делать инфографики нужно качественными.

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

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

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

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

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

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

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

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

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

Выделяйте главное

Делайте акценты, чтобы привлечь внимание читателей к важным фактам.

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

Goanimate.com

Это веб-сервис, в котором можно делать ролики с анимированными персонажами, дудл-видео (все происходящее как бы рисуется в реальном времени) и инфографику.

Ресурс платный и довольно дорогой. За $39 в месяц вы сможете загружать видео в HD-качестве, но с водяным знаком. За $79 — Full HD и без всяких логотипов сервиса. За 159$ в сервис можно импортировать свои шрифты и создавать гифки. Хотите видео в Full HD? Платите 80 $ в месяц

Но в течение 14 дней после регистрации вам дадут поработать бесплатно. Хотя и без возможности скачивать свои видео. Даже опубликовать на Youtube бесплатно не дают, жадины. Единственный способ показать свое творение хоть кому-то — через плеер на самом сайте. Не шибко удобно.

Куча возможностей — и все недоступны

Краткое руководство по работе

Все поля, кроме телефона — обязательные

Теперь выберите тип видео, которое вы хотите создать:

• Business Friendly — мультипликационный ролик. Вы выбираете декорации, заранее заготовленных персонажей, прописываете, в какое время кто что будет делать, а затем накладываете звук.
• Whiteboard Animation — дудл-видео. Все изображения и текст рисует рука с карандашом. Довольно интересная (хоть уже и многим приевшаяся) идея.
• Video Infographics — инфографика. То, что надо!
• Common Craft — доступно только на подписке, поэтому я посмотреть на эту штуку так и не смог.

Выбирайте Video Infographics — и поехали дальше

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

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

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

Поищите шрифт, который поддерживает кириллицу

Когда закончите создавать видео — нажмите на кнопку «Save» в правом верхнем углу, чтобы сохранить результат.

Нажмите на кнопку Save

Плюсы и минусы сервиса

Что хорошего:

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

Что плохого:

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

В целом, сервис удобный и хороший, если вы готовы платить за него хотя бы $80 в месяц.

Рисуем в фотошоп

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

7 июня 2019