(!) Статья на 90% переработана и обновлена 02.08.2016 года. (!)
Готовы научиться создавать впечатляющую инфографику, способную принести вашему сайту входящие ссылки, обсуждения в социальных сетях и дополнительный трафик?
Мы расскажем вам о 20 (и даже больше) ресурсах, которые помогут вам сделать первые шаги в этом направлении.
В подборке представлены:
- видео-обзор 4 программ для создания инфографики,
- процесс создания инфографики своими руками,
- шаблоны инфографики для Microsoft PowerPoint,
- биржи фриланса для заказа инфографики,
- бесплатные уроки по созданию инфографики,
- платные курсы обучения инфографике!
Обзор 4 программ/сервисов для создания инфографики
Создание инфографики своими руками (Шаг за шагом)
Автор видео Юрий Куприянов расскажет участникам об этапах создания инфографики - от идеи, сбора первичных данных, их структурирования, до выбора формата представления информации. Инфографика — это далеко не просто дизайн, или красивая иллюстрация к длинному тексту, как думают многие.
Чтобы научиться делать инфографику, важно не просто освоить какой-либо специальный сервис или инструмент. Важно научиться работать с данными, уметь их анализировать, задавать правильные вопросы и делать обоснованные выводы.
Программы/сервисы для создания инфографики онлайн на основе шаблонов (на англ.яз.)
Ниже представлены бесплатные и условно-бесплатные программы / сервисы / инструменты, позволяющие создавать зрелищную инфографику онлайн на основе готовых шаблонов. Некоторые из них предлагают услуги по созданию инфографики по индивидуальному заказу.
Piktochart.com (Пикточарт)
Данные по шаблону:
- 30 ярких и запоминающихся слайдов;
- размер презентации 4:3;
- полностью редактируемые диаграммы и графики (в MS Excel);
- современная инфографика: можно поменять цвет иконок, карт, фигур и диаграмм;
- встроенные шрифты: стандартные (Calibri, Calibri Light);
- файл в формате PPTX;
- цена: 990 руб
PowerPoint шаблон — Для Экопроектов
Данные по шаблону:
- 12 ярких и запоминающихся слайдов;
- размер презентации 4:3;
- современная инфографика: можно поменять цвет иконок, фона и фигур;
- встроенные шрифты: PF Din Text Cond Pro Medium*, PF Din Text Cond Pro Light*;
- файл в формате PPTХ;
- цена: 990 руб
Бесплатные уроки по созданию инфографики (на русском)
Infogra.ru
Infogra.ru - это лучший сайт для практикующих и начинающих дизайнеров. У нас вы найдете сотни уроков по дизайну , рецензии на книги, а также множество полезного материала: бесплатные шрифты , UI-киты и полезные инструменты для дизайнеров. Кстати, еще у нас есть форум для дизайнеров.
InfoGrapher.ru
Infographer.ru – это агентство инфографики и образовательный ресурс об инфографике.
Длительность: 2 месяца
Цена: от 5.990 руб.
Посмотрите первую лекцию курса полностью. Лекция «Инфографика. Секреты создания. Особенности продажи». Длительность: 1,5 часа
Инфографика: искусство презентации данных
«.
Длительность: 36 часов
Цена: 25.000 руб.
Курс обучения инфографике от ВШЭ (Высшей Школы Экономики) — «Инфографика и презентация аналитических данных «.
Длительность: 432 часа
Цена: 175.000 руб. (возможна оплата по частям)
Для создания инфографики. Эти инструменты помогут структурировать и представить в удобной форме любые данные для публикации в СМИ и соцсетях.
1. Vizualize
Генератор резюме в виде инфографики. При помощи этого сервиса можно изложить всю информацию о себе в виде понятной структурированной схемы, выделив ключевые цифры и факты, касающиеся карьеры. Добавление данных и их дальнейшая визуализация происходят за пару кликов мышкой. В результате получается нестандартное резюме. Если опыта в таком деле нет, следует изучить примеры CV, созданные другими пользователями сервиса.
Дополнительно можно использовать данные о карьерном пути из своего профиля в соцсети LinkedIn.
2. Google Developers
Бесплатные инструменты создания графиков и диаграмм от компании Google позволят выбрать среди набора блок-схем и графиков те, которые подойдут для конкретного сайта. Все параметры готовой инфографики настраиваются. Данные из исходной таблицы обновляются на графиках в реальном времени.
3. Easel.ly
Стартап Easel.ly предлагает дюжину бесплатных шаблонов для создания инфографики. Все структурные элементы будущей инфографики можно настроить и отредактировать на свой вкус.
В этом сервисе есть также библиотека готовых форм, стрелок, указателей и линий для создания блок-схем, подборка настраиваемых цветовых палитр и шрифтов. Можно добавлять и собственную графику для оформления.
4. Piktochart
Piktochart - инструмент бесплатного создания инфографики и схем для презентаций на основе введенных данных. У него есть собственный редактор схем и цветовой палитры, набор шрифтов и возможность загрузки фонов, форм и картинок.
Шаблоны для подготовки инфографики оснащены схематической сеткой для того, чтобы редактирование и размещение элементов было пропорциональным.
В бесплатной версии предлагается три базовых шаблона. За остальное придется заплатить $29 в месяц либо $169 в год.
5. Infogr.am
Infogr.am - бесплатный инструмент для создания схем, графиков и карт с возможностью загрузки видео и фото для создания интерактивной инфографики.
6. Visual.ly
Visual.ly - платформа для публикации инфографики, стартовавшая в 2011 году. Готовую инфографику можно разместить в социальных сетях. Сервисом пользуются не только энтузиасты-одиночки, но и профессиональные дизайнеры, известные бренды и компании: в сообществе более 35 тыс. участников, и для брендов есть отдельные платные пакеты услуг.
7. InFoto Free
Нишевый инструмент для тех, кто пользуется Android-смартфонами для фотосъемки. С помощью этого сервиса можно «вытянуть» все EXIF-данные из сделанных фотоснимков и построить по ним инфографику. Предусмотрена возможность редактирования.
Помимо бесплатной версии приложения, есть также платная версия без рекламы стоимостью в $0,99.
8. Venngage
Venngage - инструмент для создания и публикации инфографики с достаточно простым в использовании набором возможностей. Для пользователей доступны готовые схемы, темы оформления, графики и иконки, а также поддерживается загрузка авторских изображений и фонов для готовых схем.
Среди дополнительных возможностей есть поддержка анимации и возможность загружать фоны и картинки с брендированием.
9. Dipity
Dipity - сервис создания, настройки и публикации инфографики с возможностью добавления на сторонние веб-ресурсы. С его помощью можно создать интерактивную инфографику-хронику. Поддерживается загрузка не только схем и фотоснимков, но и прикрепление видеороликов, аудиозаписей, интернет-ссылок, геолокационных и календарных отметок.
В платном тарифном плане предусмотрена возможность брендинга для готовой инфографики, использование инструментов аналитики и приложение для iPhone.
10. Get About
Завершает подборку бесплатное приложение для Windows, при помощи которого можно отслеживать свою активность в социальных медиа и создавать на основе полученных данных инфографику. В ее основу положены данные о том, как пользователь общается с друзьями и контактирует с брендами и компаниями в социальных сетях.
16 способов создать потрясающую инфографику
Мы продолжаем публиковать переводы самых интересных статей зарубежных интернет-маркетологов, дизайнеров, специалистов в области seo и smm. Автор статьи: Lilach Bullock . Ее контакты: [email protected] , Pinerest: lilachbullock
На данный момент инфографика находится на пике моды, особенно в связи с ростом популярности таких сайтов как Pinterest , где основной составляющей являются изображения и визуализация статистики.
Что такое инфографика?
Инфографика - это визуальное отображение данных , содержащая небольшую по объему, но значимую и правильно оформленную информацию . Однако инфографику следует не только потреблять, но и создавать - это полезно для вашего бизнеса.
Обычно люди хотят как можно быстрее получить нужную им информацию, и использование визуалов (визуально оформленной информации - графиков, диаграмм, схем) является отличным способом удовлетворения этой их потребности. Блог, содержащий визуальную информацию, привлекает больше внимания, чем обычный блог , так как визуалы сами притягивают к себе взгляд.
Включение интересных фактов, представленных в краткой визуальной форме, будет поддерживать внимание ваших читателей. Кроме того, лучше вносить разнообразие в блог с помощью разных типов контента (видео, статьи, визуалы и т.д.).
Я только что поделилась инфографикой «Узнайте заповеди интернет-маркетинга» и обнаружила, что эта новость получила значительно больше лайков, чем средний пост в блоге. Использование инфографики - отличный способ делиться контентом, получать больше отзывов на ваши новости и больше траффика для вашего блога.
Как создать инфографику?
14 лучших способов создания инфографики
1. Piktochart трансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики
. Вы можете добавлять иконки и ваш собственный логотип. Предлагает отличный набор тем для дизайна
. Сервисом можно пользоваться бесплатно, хотя если вы хотите иметь возможность выбирать больше тем и иметь при этом лучшие цены, настроенные индивидуально под заказчика, минимально возможная цена будет составлять 9.99$ в месяц.
2. Visual.ly - это отличный инструмент, который позволяет генерировать ряд инфографик
. Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook
. Сервис возник относительно недавно и до сих пор добавляет к своим категориям новую информацию. Является бесплатным и легким для использования.
3. Fluxvfx - это потрясающий инструмент, с помощью которого можно создавать видеоинфографику
. Он предлагает набор готовых шаблонов
, поэтому его легко использовать. Минимальная цена - 25$.
4. Vizualize.me - новое приложение (в настоящее время в Beta-версии), которое создает инфографику для вашего резюме
. Работает, используя информацию профиля пользователя в LinkedIn, и превращает его резюме в настраиваемую инфографику.
5. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. Полезный инструмент для создания бесплатных интерактивных диаграмм и инфографики
.
6. Vizify - новый инструмент создания инфографики по данным Twitter
и демонстрации детальных данных из вашей Twitter ленты, включая: самых активных фолловеров (подписчиков), самые популярные посты и т.д.
7. Creately - удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. Вы можете выбрать из предложенного набора типов диаграмм
, и просто добавить свои данные, чтобы создать вашу собственную диаграмму или график.
8. Stat Planet - это отличный инструмент, который создает интерактивные визуализации и статические изображения
). Предоставляет доступ к важным всемирным данным
, которые вы можете с пользой продемонстрировать через схематичные визуализации. Вы также можете подстраивать эти визуализации под свои требования.
9. Hohli - еще один сервис для создания графиков и диаграмм, которым легко пользоваться. Позволяет изменять внешний вид инфографики
исходя из ваших потребностей.
10. Google Public Data Explorer - полезный способ использовать общедоступные данные
для того, чтобы трансформировать их в любую инфографику на ваш вкус. Вы можете добавлять эти графики на вебсайт или в блог.
11. Tagxedo превращает слова
(известные речи, новостные статьи, слоганы и тематики, даже ваши любовные признания) в облака слов
, оказывающие визуальное воздействие на пользователя.
12. Wordle - простой в использовании инструмент для создания эффективных словесных визуализаций
. Просто введите ваш собственный текст (от коротких до длинных абзацев). Сервис предоставляет огромное количество дизайнов, из которых можно выбрать нужный.
13. Cacoo - онлайн инструмент для рисования, который делает возможным создание разных видов инфографики, включая карты сайта, схемы страниц, UML
(Unified Modeling Language - унифицированный язык моделирования) и сетевые графики.
Сервис позволяет совершать совместную работу в реальном времени, а значит несколько пользователей могут делиться друг с другом и добавлять в блог одну диаграмму одновременно.
14. Lilach & Sarah"s Inforgraphics package - если вы ищете возможность заполучить в свои руки набор из 10 инфографик, где уже есть весь контент, и вам нужно только добавить логотип и URL сайта, тогда за 10 фунтов вы можете приобрести эту инфографику (в нее входит блог мастер, система для создания блога WordPress.com , хостинг , заповеди интернет-маркетинга, итоговые советы).
Надеюсь, что перечисленные сервисы будут вам полезны. Выбирайте тот вид инфографики, который наиболее соответствует задаче момента, экспериментируйте, создавайте новый и запоминающийся контент - тогда посетителей на вашем ресурсе с каждым днем будет все больше.
Инфографика - это визуализация данных, или (проще говоря) - искусство передать цифры статистики, информации, данных и знаний образным языком графики. предлагает Вам подборку сервисов, которые помогут создать инфографику для Вашей компании, проекта или для Вас лично.
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 типов различных диаграмм. Вот они:- Линейный график
- Гистограмма
- Пузырьковый график
- Лепестковая диаграмма
- Японские свечи
- Диаграмма Венна
- QR-код
- Карта
- Формула
- Круговая диаграмма
6. Vizualize.me
Сервис Vizualize.me , превращающий ваше LinkedIn-резюме в инфографику. Российский аналог - Resumup.ru .
7. Easel.ly
У Easel.Ly более современный стиль графики и шрифтов, тот же основополагающий принцип Drag and Drop и кастомизация. На главной выложено 15 темплейтов, которые можно взять за основу своей инфографики, а можно сразу начать с чистого листа.
8. Draw.io
Draw.io – это рабочий стол для онлайн-редактирования инфографики, похожий на Creately.Com. Он бесплатен для всех пользователей и оценен на 5 баллов на Google Apps Marketplace, откуда его можно присоединить к своему Google-аккаунту. Оценки пользователей масштабируются не слишком сильно: от «очень полезный бесплатный инструмент» до «превосходно». Draw. io позволяет тут же искать в Google тематические фото для фонов и элементов, что здорово. С точки зрения стиля он довольно нейтрален и многим понравится больше, чем Creately.Com – не супермодно, но вполне достойное визуальное решение с множеством «рабочих» иконок. Поскольку Draw.io ориентирован на Google Drive, его интерфейс на большой процент русифицирован.
Инфографика - это замечательный способ подачи информации. Особенно для современного пользователя, который с неохотой тратит время на чтение, но отлично воспринимает визуальную информацию. Вот несколько онлайн-ресурсов, которые помогут вам быстро сделать инфографику для своего блога или проекта, и несколько советов по ее созданию.
Если бы у вас был выбор - прочитать статью или посмотреть инфографику на ту же тему, - что бы вы предпочли? И чем поделились бы с друзьями в социальных сетях - картинкой с информацией или ссылкой на статью, которую еще надо открыть на стороннем сайте и прочитать?
Конечно, инфографика воспринимается гораздо легче, поэтому на ваш пост обратят внимание больше пользователей. Кроме того, не обязательно заменять текст инфографикой, можно просто дополнить его, чтобы нагляднее представить информацию.
Чуть позже я приведу список онлайн-ресурсов для создания инфографики. Но для начала немного расскажу о том, как мы воспринимаем информативные картинки и схемы, а также как сделать свои творения более заметными и удобными для восприятия.
Инфографика и периферическое зрение
Зачастую достаточно одного взгляда на картинку, чтобы определить, интересна ли информация и стоит ли рассмотреть инфографику подробнее. Именно в этом первом и определяющем взгляде на изображение важную роль играет периферическое зрение.
Доктор Рут Розенхольц, главный научный сотрудник кафедры когнитивных наук в Массачусетском институте, исследовала периферическое зрение и его влияние на восприятие информации на картинке. Вот несколько выводов, которые были получены в результате экспериментов, а также примеры инфографик и их восприятия периферическим зрением.
1. Монохромные элементы
Когда вы бросаете один взгляд на картинку (см. фрагмент инфографики ниже), не вся она воспринимается четко. Например, если вы смотрите на кленовый листочек в центре, некоторые элементы дизайна видны достаточно хорошо: коричневые окна, зеленый текст (прочитать не получается, но, по крайней мере, вы знаете, что он там есть), маленькие оранжевые окошки.
Другие элементы, например украшения в виде осенних листочков, расплываются и совершенно теряются. На рисунке ниже представлена примерная картина того, как мы воспринимаем инфоргафику при первом взгляде на нее. Как видите, здесь нельзя разобрать ни одного кленового листочка, кроме того, на который мы смотрим.
Делаем вывод: монохромные постоянные конструкции, вроде коричневых окон, хорошо просматриваются периферическим зрением, а небольшие украшения совершенно не видны .
2. Связанные графические элементы
На рисунке ниже видно, как воспринимаются графические элементы. Если обратить внимание на концентрические круги, все они просматриваются четко. Не менее четко видны четыре цветных элемента в виде листочков с процентами и оранжевый баннер под ними.
Человеческие фигуры расположены ближе к точке концентрации, но они просматриваются хуже, чем оранжевый баннер. Это происходит потому, что баннер более простой формы и одного цвета.
Таким образом, четкие и простые фигуры, расположенные близко друг к другу, просматриваются гораздо лучше .
3. Эффект квадратного логотипа
Если смотреть на цифру 50 000 в центре графики, все остальные прямоугольные графические элементы просматриваются отлично, как и размеры зарплаты над ними.
Видны и желтый и зеленый шрифты, правда, трудно разобрать, что там написано. Количество нулей также просматривается не слишком хорошо. Возможно, если убрать зеленые рожицы, будет понятнее.
Исходя из этих выводов, можно выделить пять способов сделать свою инфографику более читаемой и понятной с первого взгляда.
- В инфографике должны преобладать цельные, большие и однотонные элементы.
- Если элемент необязателен и служит только для украшения, лучше его убрать, потому что он может ввести в заблуждение.
- Создайте «якорь» - часть элемента инфографики, которая делает его заметным и понятным.
- Ограничьте свою палитру: обилие цветов сбивает с толку и не позволяет глазу сосредоточиться на чем-то одном.
- Не бойтесь абстракции. Почему во всем мире предпочитают абстракный формат карт (B), а не более достоверный в географическом плане формат (A)? Потому что на первом много лишней информации, в которой теряются нужные данные. А второй формат позволяет четко видеть маршруты даже при одном взгляде.
Онлайн-ресурсы для создания инфографики
Вот 7 онлайн-ресурсов, которые помогут создать инфографику для разных целей. Некоторые из них требуют регистрации, другие позволяют пропустить этот момент. Есть сервисы с платной версией pro или полностью бесплатные варианты. Выбирайте, тестируйте и создавайте свою инфографику.
Vizualize.me
Этот ресурс подойдет тем, кто хочет создать оригинальное резюме в формате инфографики на LinkedIn.
Piktochart
На этом ресурсе вы можете сделать инфографику, используя разные шаблоны. Выбираем подходящую инфографику, меняем текст, графические элементы, добавляем рисунки, иконки и экспортируем в нужном формате для своего блога.
easel.ly
При помощи этого сервиса создавать инфографику просто и удобно. Перетаскивайте подходящие графические элементы на основное поле, меняйте текст и блоки. Вы можете сделать понятную и красивую инфографику, не особо заморачиваясь, выбрать уже готовую тему или начать с «чистого листа».
Visual.ly
Этот сервис поможет вам создать инфографику, даже если вы не обладаете навыками дизайнера или аналитика. Кроме того, здесь можно смотреть и оценивать инфографику других пользователей.
Infogr.am
Здесь достаточно просто сделать как статичную, так и интерактивную инфографику. Загружаете свою информацию, используете онлайн-инструменты и создаете привлекательную, полностью готовую инфографику за несколько минут.
На этом сайте вы можете создавать классные инфографики, включая интерактивные, с кнопками, ссылками и другими элементами.
iCharts
Этот сервис позволяет создавать красивые диаграммы, закачивать информацию из Excele и Google Drive, сохранять в формате PDF и размещать готовые диаграммы на разных ресурсах.
