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

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

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

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

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

Плюсы создания инфографики для своих проектов (сайты, блоги, группы в социальных сетях и т.д.):

• Минимум текста, что облегчает восприятие пользователем даже больших объемов контента.
• Человек запоминает около 83% информации, которую он воспринимает визуально. При чтении усваивается только около 20% информации.
• Инфографикой делятся чаще, потому что она «цепляет» взгляд.

Но здесь есть и свои минусы:

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

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

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

1. Easel.ly

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

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

2. Piktochart

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

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

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

3. Creately

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

4. Venngage

Еще один сервис Venngage. Он предназначен только для одного — создания инфографики. Причем, для получения красивой инфографики достаточно сделать всего 3 простых шага. А в начале работы можно использовать готовые материалы.

5. Vizualize.me

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

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

6. Infogr.am

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

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

7. Mind the Graph

Более 3000 готовых изображений, которые можно редактировать и переделывать на свое усмотрение и по своему желанию. Ведь намного легче работать с уже готовым шаблоном.

8. Canva.com (на русском)

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

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

9. Visme.co

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

10. Visual.ly

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

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

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

(!) Статья на 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. Piktochart

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

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

2. Сreately

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

3. Infogr.am

Источник: https://www.thetarif.ru/yota/resursy-dlya-sozdaniya-infografiki-kak-sdelat-infografiku-obzor-luchshih.html

Как донести сложную информацию до посетителя сайта — создаем инфографику

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

Свежие публикации регулярно

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

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

Например, изображение человеческого тела.

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

Посредством инфографики можно легко донести сложную информацию, кратко и одновременно полностью изложить какой-либо факт. Впервые это направление возникло в 1982 году, когда его применил американский журнал USA Today, а в наше время все ведущие СМИ и веб-проекты держат в штате художников, журналистов и дизайнеров для разработки подобной графики.

Инфографика и психология человека

Как это работает

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

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

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

Как воспринимаются монохромные элементы

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

Как рассматривается связанная графика

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

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

Как воспринимается квадратный логотип

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

Как создавать инфографику — основные шаги

Вы хотите донести до посетителя сайта какую-либо идею, но не знаете, как это сделать? Создайте инфографику за несколько шагов:

1. Определяемся с целью.
   Что вы хотите получить в итоге? Увеличение подписчиков? Привлечение клиентов? Доказательства того или иного факта?
2.  Собираем материал (цифры, показатели, доказательства).
3.  Определяем тип подачи материала.
   Можно выделить три формата:

• лонгрид — длинный лист;
• динамика — анимационный ролик;
• интерактив — читатель может взаимодействовать с материалом.

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

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

6. Рисуем дизайн.

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

Из каких элементов должен состоять рисунок:

• Привлекательный заголовок.
• Центральный элемент.
• Основная идея (тема).

Как сделать инфографику читабельной — основные правила

1. Используйте крупные однотонные элементы.
2. Украшения убирайте — они загромождают фон и мешают восприятию.
3. Используйте «якорь» — центральный элемент, который привлекает внимание.
4. Ограничьте цветовую палитру до 5 цветов, так как обилие красок не позволяет сосредоточиться.
5. Используйте минимум текста.

6. Применяйте метафоры. Для привлечения внимания изобразите не скучную диаграмму, а бегущих человечков.
7. Не бойтесь 3D. Диаграммы и графики наглядно отображаются в трехмерном пространстве.
8. Применяйте повторы одного элемента, чтобы добиться наглядности и единой картины.
9. Не просто рисуйте, а рассказывайте интересную историю.

10. Используйте сравнения.
11. Старайтесь избегать мелких элементов. Если без них не обойтись, сделайте их понятными.
12. Не смешивайте разные стили.
13. Соблюдайте масштабы картинок.
14. Не «лепите» изображения друг не друга. Должно оставаться свободное пространство.

15. Не отказывайтесь от красоты ради информации и не увлекайтесь красотой. Все в меру.

Основные ошибки дизайнеров, или Как не нужно делать

1. Неуместные изображения.
2. Ошибки в орфографии.
3. Слишком много текста, картинок, цифр.
4. Преувеличенные показатели.
5. Изображения, которые не нравятся аудитории.
6. Нечитабельные шрифты.
7. Слишком много асимметрии.
8. Для восприятия материала необходимо более трех минут.

Программы для информационных картинок

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

• Бесплатная или условно-бесплатная. Зачем покупать дорогостоящее ПО, если можно значительно сэкономить?
• Онлайн-доступность.
• Простота, легкость в использовании.
• ПО не должно требовать установку тяжелых графических редакторов на ПК (например, Photoshop).

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

Онлайн-сервисы

Источник: https://semantica.in/blog/kak-donesti-slozhnuyu-informacziyu-do-posetitelya-sajta-sozdaem-infografiku.html

Ресурсы для создания инфографики. Как сделать инфографику: обзор лучших программ. Выбор графического сопровождения

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

Популярность инфографики

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

Во многих крупных компаниях трудятся дизайнеры и журналисты, ориентирующиеся на создание таких красочных схем.

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

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

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

Для начала следует понять, что при создании инфографики необходимо ориентироваться на:

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

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

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

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

На самом же деле тут нет ничего сложного. Сделать инфографику самостоятельно вполне реально.

Первые шаги. Из чего состоит инфографика?

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

Как сделать инфографику?

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

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

Как сделать инфографику в «Фотошопе»? Во-первых, набросайте план, отражающий основные пункты информации, которую необходимо передать слушателю.

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

Они все должны сочетаться и в итоге быть органичным целым.

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

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

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

Какие приемы можно использовать в стандартных программах?

Что можно использовать в стандартных программах:

1. Чередуйте цвета, чтобы выделять основные мысли. Так люди лучше поймут, какие идеи вы пытаетесь до них донести.
2. Используйте различные фигуры и обозначения. Перед вами неограниченное поле возможностей. Все свои основные мысли подавайте в различных вариациях.
3. В статистике должны быть справедливые цифры. Если вы акцентируете внимание на статистике, то размер ее цифр должен быть подобен реальному факту существования проблемы.
4. Графики способствуют снижению интереса у посетителей. Попробуйте использовать их как можно меньше. Хорошей альтернативой будет, если вы попытаетесь донести необходимую информацию в виде изображений и картинок. В случае крайней необходимости использования графиков, нужно сделать их максимально информативными, привлекающими внимание.

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

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

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

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

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

Создать инфографику можно в таких онлайн-программах:

Среди дополнительных возможностей есть поддержка анимации.

Инфографика на русском

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

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

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

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

Актуальность инфографики

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

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

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

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

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

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

Самостоятельное создание инфографики

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

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

Чтобы подобного не происходило, ознакомьтесь с моими советами.

• Определите, что именно вы хотите донести до аудитории и с какой целью. Выделите основные моменты в совокупности данных, которые должны стать основополагающими, — это будет «скелет» вашей инфографики.
• Максимально упростите подачу информации, разбейте ее на разделы, если массив данных слишком велик. Каждый раздел представьте отдельным графиком или изображением.
• Подберите для каждого массива данных наиболее подходящий формат для визуализации. Различия только помогут лучше закрепить у целевой аудитории предоставленную информацию. Лучшему пониманию способствует правильный выбор цветовой гаммы.
• Обязательно указывайте источники данных и свое авторство. Следует отметить, что пределов для полета фантазии нет совершенно и представить данные можно даже самым непривычным способом, однако для этого необходимо знать хотя бы основные типы, виды и направления инфографики. Все они зависят от разновидности информации, которая и определяет форму.
• После этого нужно определиться, какой тип инфографики подходит вам лучше всего.
• Статичная инфографика
  . Здесь представлены только факты и цифры, их взаимосвязь и зависимость относительно друг друга. Она имеет вид диаграмм, графиков и других простых форм.
• Динамичная инфографика
  . Она отображает динамику развития или прогресс. Наиболее часто используется для визуализации экономических и социальных показателей.
• Инфографика-инструкция
  . Она показывает последовательность действий с целью обучения или объяснения каких-либо процессов. Графические или символьные схемы помогают доступно изложить данные. Широко используется в инструкциях любого рода.
• Видеоинфографика
  . Одна из последних тенденций в этом направлении, которая помогает наглядно донести до зрителя информацию, представленную в виде инфографики. Может сочетать в себе различные направления визуализации данных, закрепляя в сознании зрителя данные посредством их зачитывания. Таким образом, более 80% услышанного и увиденного запоминается с первого просмотра. Сегодня практически любая информация легко выражается посредством видеоинфографики, а подобные видеоролики стабильно приобретают статус вирусных (то есть быстро распространяются среди пользователей Интернета).

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

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

Часто можно встретить и просто картинки без содержания чисел или текста.

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

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

EASELLY

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

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

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

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

RAW

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

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

AMCHARTS LIVE

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

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

PIKTOCHART

Этот ресурс можно охарактеризовать как симбиоз Easelly и Infogram, так как он позволяет редактировать уже загруженные (либо создавать свои с нуля) макеты методом позиционирования на рабочем холсте пиктограмм и текстовых подписей, но при этом дает возможность создавать графики и диаграммы с загружаемыми табличными данными. Поскольку Pictochart разрешает не просто создавать графики, но и интересно их оформлять визуально, он является более востребованным среди пользователей по сравнению с вышеназванными конкурентами. Добавляет ему очки и возможность сохранять готовую картинку в форматах JPEG и PNG сразу на жесткий диск. Само собой, как и в случае с другими зарубежными сервисами, Pictochart является условно бесплатным, предоставляя доступ лишь к нескольким шаблонам и ограниченному числу пиктограмм и изображений. Ежемесячная плата позволит открыть доступ к сотням новых возможностей редактирования инфографики.

INFOGRAM

Источник: https://olegshein.ru/pots/resursy-dlya-sozdaniya-infografiki-kak-sdelat-infografiku-obzor-luchshih/

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

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

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

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

Примеры использования инфографики в тревел-блогах

Вот несколько идей инфографик для тревел-блога:

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

В качестве наглядного примера приведём портрет китайского туриста в России.

Источник

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

Как сделать инфографику

Сходу нарисовать инфографику не получится. Сначала нужно подготовить исходные данные:

1. Тему или объект исследования.
2. Конечную цель.
3. Цифры и текст.
4. Примерную структуру. Можно набросать скелет в одном из инструментов прототипирования, например Moqups.
5. Палитру гармоничных цветов. Воспользуйтесь цветовым кругом, чтобы подобрать сочетающиеся цвета.

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

Советы по созданию инфографики

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

Чек-лист для создания качественной инфографики:

1. Проект должен быть целостным, простым, наглядным и цепляющим.
2. Чёткое позиционирование и фокусировка на центральном объекте исследования. Не должно быть лишних деталей, отвлекающих от важной информации.
3. Грамотная структура.
4. Визуализация сравнений. Если главная задача — сравнение объектов, то можно разделить лист на две части и шаг за шагом развивать «повествование».

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

Мы отобрали 5 самых популярных и «годных» конструкторов по соотношению функционал-удобство. Забегая вперед, некоторые из них ориентированы только на буржнет, с русским интерфейсом вариантов не так много. Посмотрим, можно ли создать в них что-то стоящее с уровнем английского «London is the capital of Great Britain».

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

Infogram

Отличается встроенным визуальным WYSIWYG редактором. Интерфейс не переведён на русский язык.

Источник: https://blog.travelpayouts.com/kak-sdelat-infografiku-dlya-bloga/

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

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

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

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

Принцип «Data First»

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

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

«Data First» заметно упрощает дело, так как еще на этапе подготовки данных начинается размышление о том, как разносторонние факты и идеи упаковать в тесные рамки таблиц, графиков и диаграмм и использовать шаблон или сделать инфографику сразу идеально.

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

Работа с корректной и проверенной информацией

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

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

Дьявол в деталях

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

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

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

У инфографики стадиона много мелких деталей. Такую инфографику интересно изучать.

Пример хорошей инфографики со множеством деталей. Татьяна Мисютина

Без клише

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

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

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

Плохой пример. Инфографика с клише, иллюстрациями в разных стилях и плохой типографикой

Основные инструменты и программы

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

Почитайте также:  Сильные мира сего: самые влиятельные люди мира

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

Как сделать инфографику в Фотошопе? Вариантов два – взять за основу чужой шаблон и поработать над деталями уже вручную, корректируя отдельные фрагменты и набивая руку буквально на «чужом опыте». Или же можно засесть за YouTube и познакомиться с серией уроков по графике в Photoshop.

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

Adobe Illustrator – еще одна программа Adobe, нацеленная на иллюстраторов, дизайнеров и экспериментаторов.

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

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

Power Point – инструмент, входящий в состав офисных программ Microsoft Office.

Как делать инфографику в программе PowerPoint? С помощью заранее подготовленного инструментария и раздела «Вставка», который даже Microsoft Word превращает в дизайнерский холст.

«Вставка» хранит и иллюстрации, и геометрические фигуры, и надстройки, и разделы со ссылками, примечаниями, текстом и направляющими стрелками. Единственное, чего недостает – поддержки инфографики в формате PSD. Файлы из Photoshop тут не принимаются и не обрабатываются. Зато нативных шаблонов с примерами предостаточно – даже новички сразу же разберутся в сути.

Фреймворк D3.js – загружаемый набор JavaScript-библиотек, которые, с учетом знаний HTML, SVG и CSS, легко использовать для работы с инфографикой. Из преимуществ перед конкурентами – четкое отображение вводимой информации, ведь придется использовать не графические приемы, четкие линии, геометрические фигуры, шаблоны или примеры, а программный код, который добавляется в тег .

Пример интерактивной инфографики из NY TImes, сделанной на d3.js

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

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

Пример инфографики, сделанной в Tableau. Полная версия

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

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

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

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

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

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

Источник: https://infografics.ru/all/kak-sdelat-infografiku/