Как создать инфографику онлайн. Обзор сервисов для создания инфографики.

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

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

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

easel.ly

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

visual.ly

visual.ly — Нашел ссылку на этот сервис в каком-то обзоре. Стал регистрироваться и очень долго искал где же можно создать инфографику, в итоге разобрался — http://create.visual.ly/. Много красивых шаблонов инфографики, но практически нельзя вносить изменения. Сама компания, предоставляющая сервис, занимается разработкой инфографики, видео и веб-приложениями, цены очень большие (на мой взгляд). А сам сервис — просто рекламный ход. По настоящему своей инфографики вы здесь не сделаете.

cacoo.com

cacoo.com — это сервис позволяет создавать самые разные диаграмы: блок-схемы, майнд-карты, графики и даже открытки. Шаблонов для инфографики нет, но если изучить все инструменты можно сделать что-нибудь достойное. Сервис работает бесплатно, но с незначительными ограничениями. Пользовался им и раньше, рекомендую, если на компьютере нет специального софта для этих целей (например Microsoft Visio)

infogr.am

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

piktochart.com

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

Онлайн-сервисы инфографики на русском

creately.com

creately.com — Основная цель сервиса — это создание различных диаграм и совместная работа над ними. Но можно делать и инфографику. После регистрации можно сразу приступать к работе. Сам редактор на русском языке, названия объектов на английском, но по превью можно разобраться и не обращать внимания на названия вообще. При создании документа нужно выбрать тип «Infographics».

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

canva.com

canva.com — Графический конструктор, в котором вся работа строится на готовых шаблонах и их изменении. В нём можно выбрать уже созданную дизайнерами инфографику и изменить её под свои нужды. Сервис позволяет загружать изображения, обрабатывать их, добавлять/изменять текст и использовать уже созданные варианты. Большая часть изображений и заготовок в сервисе бесплатны, но есть и те, за которые можно заплатить 1$.

Итоги: Лучший сервис инфографики

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

Для себя я отметил 2 сервиса:

• easel.ly — за то, что он очень легок для понимания и прост в работе. Как я уже писал, разберется даже ребенок. Подойдет тем, кому нужно очень быстро создать простую инфографику.
• piktochart.com — за большое количество шаблонов и настроек, при этом тоже достаточно простой для освоения. Подойдет для создания сложной инфографики, причем, бесплатно.

ilyapronin.ru

Как создать инфографику онлайн бесплатно на русском языке

Всем доброго времени суток!

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

Содержание:

1. Инфографика на сайте: области применения
2. Как создать инфографику онлайн (инструменты и сервисы)

Зачем нужна инфографика на сайте

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

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

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

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

Инструменты для создания инфографики

Infogram

Этот онлайн-сервис (https://infogram.com) — один из немногих, в котором для создания красивой и качественной инфографики не потребуется много времени и усилий.

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

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

Завершенный проект может быть опубликован в Infogram с предоставлением ссылки для просмотра и расшарен в одной из популярных социальных сетей. Для скачивания результата работы в формате PNG, JPG или PDF потребуется переход на платный тариф. Infogram интегрируется с облачными хранилищами данных Dropbox и Google Drive. 

Премиум-тарифы сервиса, открывающие доступ к большему количеству шаблонов, иконок и карт, начинаются от 19 долларов в месяц (индивидуальный тариф). В эту же стоимость входит оплата места под хранение сотни проектов.

Easelly

Приятный онлайн-сервис (https://www.easel.ly), простота работы с которым отражена в его в названии. Среди предлагаемых для выбора сервисом языков интерфейса русский язык отсутствует, но это не мешает пользователю работать с текстами на кириллице – правда, выбор кириллических шрифтов в сервисе невелик. Размер листа выбирается из нескольких предлагаемых стандартных вариантов или устанавливается собственный – в пикселях/дюймах.

Сервис предлагает несколько десятков бесплатных тематических шаблонов, которые можно редактировать на собственное усмотрение. Для этого предлагается воспользоваться библиотекой объектов, которые сгруппированы по темам. Также есть возможность выбора фона, используемых линий, типа диаграммы (с подстановкой значений). Имеется сетка, которая помогает точно выравнивать объекты. Поддерживается установка прозрачности элементов и порядка слоев.

В разделе Media в каждой из почти сотни категорий доступно по 3 стоковых фотографии. Можно загружать собственные графические файлы, добавлять видео из YouTube.

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

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

• скачивание созданных в онлайн-сервисе работ в наилучшем разрешении в форматах jpeg, png, pdf;
• более 500 дополнительных премиум-шаблонов;
• более 800 тысяч премиум-иконок;
• более 100 разнообразных шрифтов;
• более 300 тысяч стоковых фото.

Piktochart

Онлайн-сервис инфографики Piktochart (https://piktochart.com) предлагает возможность создания собственных решений с нуля и на базе десятка бесплатных шаблонов. Интерфейс не русифицирован, но интуитивно понятен и достаточно прост, ввод кириллицы в текстовых блоках поддерживается. Как и в других сервисах, есть возможность загрузки собственных изображений и перетаскивания блоков с изображениями и текстом с помощью мыши.

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

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

Меню Tools открывает пользователю доступ к работе графиками, картами и видео (YouTube, Vimeo). Имеется возможность отображать табличные данные с какими-либо показателями в виде наглядных и красивых графиков и диаграмм одного из 14 типов (вертикальные, горизонтальные, линейные, круговые, пирамидальные и т.д.).

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

В индивидуальной PRO-версии этого онлайн-сервиса для создания инфографики, доступной в виде подписки для учащихся (школьников и студентов) за 40 долларов в год, возможностей больше:

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

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

Venngage

Создание инфографики онлайн бесплатно в сервисе Venngage (https://venngage.com) доступно пользователю в три простых шага:

1. Выбора одного из профессионально разработанных шаблонов сервиса.
2. Добавления значков, изображений, диаграмм и текстового описания.
3. Настройки дизайна: фона, цвета, шрифтов и визуальных эффектов.

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

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

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

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

Canva

Невероятно крутой онлайн-сервис Canva (https://www.canva.com

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

В сервисе Canva создание инфографики онлайн на русском языке превращается в увлекательное занятие. Боковое меню разбито на логические группы (Макеты, Элементы, Текст, Фон), в каждой из которых находятся соответствующие инструменты для создания и редактирования. Все элементы на рабочем пространстве легко перетаскиваются, изменяют размеры и вращаются с помощью мыши. Можно загружать изображения с собственного компьютера.

В бесплатной версии имеются функции, которые в других сервисах предоставляются по подписке. Так, в Canva свободно можно выгружать созданную онлайн инфографику в различные форматы, в том числе и в PDF, без ограничения в качестве. Бесплатно пользователям доступно более 8000 шаблонов различных тематик, 1 Gb места под макеты и загружаемые графические файлы, две рабочих папки.

К достоинствам PRO-версии сервиса (Canva For Work), стоимость которой составляет 12.95 долларов в месяц, можно отнести:

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

Заключение

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

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

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

pro-wordpress.ru

Топ 10 бесплатных сервисов для создания инфографики

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

1. Piktochart

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

2. Сreately

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

3. Infogr.am

Infogr.am – это онлайн-сервис для создания интерактивных визуализаций и инфографиков. Все, что нужно сделать, – это загрузить данные на сайт, сделать несколько щелчков мышью и автоматически создать из загруженных данных инфографику. После публикации на сайте вы можете встроить ее на своем собственном ресурсе, так же, как вы ставите на страницу видео из YouTube. Полученную картинку можно расшарить в Facebook, Twitter и Pinterest. Самое приятное здесь то, что совершенно не нужно программировать или понимать основы дизайна. Все очень просто и выглядит красиво. 

4. Visual.ly

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

5. Google Charts

Google Chart позволяет строить 11 типов различных диаграмм. Вот они:

1. Линейный график
2. Гистограмма
3. Пузырьковый график
4. Лепестковая диаграмма
5. Японские свечи
6. Диаграмма Венна
7. QR-код
8. Карта
9. Формула
10. Граф
11. Круговая диаграмма

6. Vizualize.me

Сервис Vizualize.me, превращающий ваше LinkedIn-резюме в инфографику. Российский аналог — Resumup.ru. 

7. Easel.ly

У Easel.Ly более современный стиль графики и шрифтов, тот же основополагающий принцип Drag and Drop и кастомизация. На главной выложено 15 темплейтов, которые можно взять за основу своей инфографики, а можно сразу начать с чистого листа.

web-academy.com.ua

Онлайн инструменты для создания инфографики — Блог о визуальной грамотности

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

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

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

В рейтинг попали 8 онлайн-конструкторов, оцененных по критериям:

1. Бесплатный тариф должен позволять создать полноценную инфографику для использования онлайн или для скачивания.
2. Возможность создания инфографики: добавление в дизайн графиков, диаграмм, схем, таблиц, профессиональные шаблоны для инфографики.
3. Простота использования: знакомство с интерфейсом должно занимать минимум времени.
4. Загрузка собственных элементов дизайна (фото, иконки).
5. Скачивание готовой работы в разных форматах (PDF, PNG, JPG) и в высоком качестве.
6. Интерфейс на русском языке.
7. Интерактивность: реакция опубликованной онлайн графики на действия зрителя, изменение данных в готовой графике автором (связь диаграмм с источником данных), встраивание видео в графику.

Результаты — в таблице.

Рейтинг сервисов инфографики

---

Удобные, эффектные и простые

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

Лучше всех с поставленной выше целью справляется Canva.com. На освоение конструктора уходит 3-5 минут. Благодаря большому количеству профессиональных шаблонов автору достаточно выбрать подходящий и модифицировать его под свою информацию: заменить иконки, графики и текст.

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

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

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

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

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

Примеры того, что можно сделать на сайте, здесь.

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

Если три остальных сайта в этой группе помогают делать яркие, по-маркетинговому привлекательные дизайны, то работы в infogram отличаются лаконичностью и «серьезностью» вида.

Примеры инфографики смотрите здесь: infogram.com/examples.

Последний в этом типе конструкторов — Venngage содержит около 100 шаблонов инфографики, более 50-ти презентаций и др. По описанному выше принципу в бесплатной версии автор может сделать 5 работ, загрузить в дизайн одновременно 5 своих файлов (фото, рисунков или иконок), скачать готовые дизайны нельзя, но опубликованные работы будут интерактивными.

---

Похожие на рабочий стол

Другая группа конструкторов инфографики отличается внешним видом и принципом работы. Рабочее пространство напоминает рабочий стол или большой лист бумаги. Панели управления сверху, справа и слева. Автор выбирает шаблоны (templates),  элементы дизайна (objects), видео, ссылки (media), текст (text), диаграммы и графики (charts) или загружает свои файлы (uploads), скидывает их на стол и настраивает.

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

Самый передовой представитель группы — Easel.ly — содержит более тысячи шаблонов (примеры — по той же ссылке).

Плюсами может считаться тысяча шаблонов, загрузка в работу своих файлов (JPG, PNG) без ограничений, свобода автора и небольшая интерактивность (реагирование графиков на наведение курсора, встраивание видео).

Минусы: скачивание готовых работ только в PNG низкого качества и «топорность» этих работ. Для создания действительно стильного, эстетичного дизайна придется серьезно потрудиться.

Creately.com: схемы, диаграммы, графики (более тысячи шаблонов).

Загрузка своих файлов и скачивание готовых работ — без ограничений, версия, частично переведенная на русский язык (некоторые кнопки и разделы меню) и количество шаблонов — это плюсы.

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

Конструктор подходит, скорее, для создания схем, чем полноценных, впечатляющих дизайнов (примеры).

Сайт-поле для создания схем разного типа Сacoo.com еще более ограничен по функциям и дизайну (чисто утилитарный, без прикрас). Шаблонов диаграмм и графиков в бесплатной версии нет; из заготовок можно создать статичные схемы и графики и скачать в форматах png, svg,  ppt, pdf.

---

Самый стильный дизайн

Readymag.com не относится к сервисам по созданию инфографики. В шаблонах — 5 микросайтов, 3 презентации, 2 лонгрида. В элементах — фигуры, иконки, загрузка собственных изображений. Конструктора диаграмм и русскоязычной версии нет. Однако, этот пример интерактивной, анимированной инфографики говорит о богатых возможностях, таящихся в этом ресурсе.

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

---

Бонус: конструкторы графиков и диаграмм

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

И последний, богатый возможностями, но очень сложный для неподготовленного пользователя ресурс Developers.google.com/chart — конструктор интерактивных, автоматически обновляемых графиков и диаграмм разного типа.

 

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Похожее

vizual.club

Как создать инфографику без дизайнера и бесплатно — Ringostat Blog

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

1. Зачем вообще делать инфографику

Мозг устроен так, что визуальную информацию воспринимает и запоминает намного лучше, чем текстовую. В первом случае он воспроизводит ее с точностью 90%, а втором — всего 10%. Поэтому нет лучшего способа донести до аудитории нужный контент, чем представить его в виде инфографики. Особенно, если речь идет о сложной информации типа how to или содержащей множество цифр.

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

Слово «инфографика» обладает почти магическим эффектом. Если оно стоит в заголовке статьи или теме рассылки — это повышает количество просмотров в первом случае и Open Rate во втором. Но пользуйтесь этим лайфхаком дозированно, иначе магия потеряет силу.

 

Что стоит учитывать

1. Обычно создание инфографики отнимает много времени и ресурсов. Поэтому важно просчитать, насколько ожидаемый профит будет соразмерен вложениям. Одна из созданных нами инфографик — исследование по звонкам в разных тематиках. Ее не только взяли для публикации редакторы vc.ru, но и переопубликовали у себя другие издания. Это дало нам профит: повышение узнаваемости бренда и подтверждение экспертизы. В этом случае затраченные усилия полностью окупились.
2. Если каждый пост оформлять в виде инфографики, это быстро надоест читателям. Поэтому формы подачи информации стоит чередовать, а этот формат использовать лишь там, где без него не обойтись.
3. Даже при наличии дизайнера инфографику нельзя просто заказать и забыть о ней. Нужно составить составить подробное ТЗ, дождаться готовности, внести правки, перепроверить и т. д. Мы в отделе маркетинга Ringostat тоже с этим сталкивались. До того момента, пока не решили взять дело в свои руки.

Сейчас мы умеем создавать инфографику без привлечения специалистов, покупки софта — например, Adobe Photoshop, Illustrator или CorelDRAW. Даже особых навыков не нужно. Ниже мы расскажем, как это сделать.

 

Где можно использовать инфографику

1. В статьях, мануалах, блогпостах, если нужно объяснить сложные вещи. Мы часто используем инфографику, чтобы показать, как работает тот или иной функционал нашего сервиса. Также она незаменима везде, где есть много цифр. Лучшего способа представить результаты исследований мы пока не нашли. Итоги года тоже содержали много цифр, поэтому мы подали их в виде инфографики: 
2. В соцсетях. Для создания вирусного контента, подачи информации с юмором, чтобы уйти от длинных текстовых «полотен». В эпоху переизбытка информации и клипового мышления, пользователи скорее рассмотрят изображение, чем станут читать длинный пост от компании.
3. В рассылках. Здесь инфографика помогает выделиться на фоне остальных и сделать письмо необычным и запоминающимся. Обычно получатели просматривают рассылки по диагонали. Инфографика поможет вам подать информацию концентрированно, без лишних слов, дать читателям только цифры и факты. А яркие, контрастные элементы и кнопки позволят акцентировать внимание на главном, что вы хотите им донести. Главное здесь — не перестараться. Таких элементов может быть всего несколько, иначе вы получите «вырвиглазную», сложную для восприятия картину. 

 

2. Как создать инфографику с помощью конструкторов и специальных сервисов

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

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

Учитывайте задачу, которая стоит перед вами:

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

Перечислим несколько онлайн-конструкторов, которые мы протестировали на практике.

 

Easy.ly

Easy.ly — пожалуй, самый популярный онлайн-конструктор. Шаблоны, шрифты, иконки, указатели, разделители, цветовая палитра, фоны — здесь можно выбрать и кастомизировать все, что угодно. Интерфейс интуитивно понятен: есть главная страница с основными шаблонами, рабочее пространство с выбором фона, изображений, линий и т. д.

Сделано в Ease.ly за 30 минут

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

 

Canva

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

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

Работу с этим конструктором мы описали в статье «Как легко создавать иллюстрации для блогов, соцсетей и рассылок».

Создано в Canva за 30 минут

Piktochart

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

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

Создано в Pictochart за 20 минут в качестве примера

3. Как создать инфографику своими руками

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

Шаг 1. Соберите и подготовьте данные

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

Как делаем мы

Созданию инфографики предшествует процесс в несколько этапов:

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

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

 

Шаг 2. Определитесь с концепцией и стилем инфографики

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

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

Источник

Несколько примеров оформления инфографики для вдохновения.

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

1. Какую функцию выполняет инфографика: информационную, развлекательную, рекламную, обучающую?
2. Для кого вы ее делаете: для студентов, маркетологов, пользователей соцсетей, поклонников «Игры престолов»?
3. Как будете доносить инфографику до аудитории? Например, опубликуете в соцсетях, на своем блоге, отдадите на публикацию в СМИ. Напечатаете на раздаточных материалах или в виде плаката, который можно повесить в офисе.

Как делаем мы

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

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

Шаг 3. Нарисуйте прототип

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

Как делаем мы

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

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

 

Шаг 4. Подготовьте исходники

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

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

• Freepik — огромный сток с изображениями в разных форматах и с разбивкой на категории;
• Flaticon — сток с иконками в векторном формате, загружаются в png формате и на прозрачном фоне;
• Фотостоки:

 

Как делаем мы

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

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

 

Шаг 5. Соберите инфографику

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

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

 

Как делаем мы

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

Поэтапно это строится так.

1. Создаем в Google Slides новый документ. Для этого можно просто прописать в адресной строке slide.new.
2. Задаем размер: Файл — Настройки — Размер — Другой. Размер указываем, исходя из требований площадки, на которой будем размещаться и предварительно созданного дизайн-макета. 
3. Наполняем инфографику: делим на блоки, задаем фон, размещаем изображения, диаграммы и подписи. 
4. Диаграммы импортируем с Google Spreadsheets через Вставка — Диаграмма — Из таблиц. Но предварительно они должны быть созданы там. Как это сделать — мы рассказывали в статье о визуализации данных в Google Таблицах. 
5. Сохраняем инфографику в нужном нам формате, проверяем, при необходимости вносим правки, публикуем.
6. Вот и все — инфографика готова.

 

Вместо выводов

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

Если вы нашли ошибку — выделите её и нажмите Ctrl + Enter или нажмите сюда.

blog.ringostat.com

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

• Видео
  • Домашний кинотеатр
  • Телевизор
  • Проектор
  • Монитор
  • Blu-Ray плеер
  • 3D
• Аудио
  • Акустика
  • Наушники
  • Саундбар
• Мультимедиа
  • Медиаплеер
  • HDD
• Умный дом
• Бытовая техника
• Фото
  • Фотокамера
  • Графика
• Советы
• Сетевые устройства
  • Домашний сервер
  • Роутер
  • Wi-Fi
• Онлайн Сервисы
• Матчасть
• Гаджеты
  • Apple
  • Android
  • Смарт-часы
• Игровые консоли
  • PS4
  • XBOX One
  • XBOX 360
  • PS Vita
  • PS3
• Обзор
• ТВ-приставки

Поиск

• Услуги
• Реклама
• Контакты

mediapure.ru

Создание инфографики онлайн — Digitrends

4 качественных и бесплатных сервиса в помощь веб-дизайнеру

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

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

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

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

И так, представим 4 сервиса для создания инфографики. Бесплатных и качественных.

 

1. Easelly

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

 

 

2. Piktochart

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

 

 

3. Infogr.am

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

 

 

4. Venngage

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

 

digitrends.ru