Моя инфографика не работает

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

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

В статье рассказываем, как сделать крутую инфографику, и даем 6 сервисов, которые вам в этом помогут.

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

• Бесплатная (или почти бесплатная).
• Находится в интернете.
• Простая в использовании.
• Классно, если работает по drag-and-drop.
• Не требует установки дополнительных программ.

Google Docs

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

Ease.ly

Простой в использовании англоязычный сервис. В бесплатной версии Ease.ly доступно:

• 10 готовых шаблонов.
• 65 инфографических символов и 25 фотографий.
• Экспорт jpeg низкого качества.
• 10 шрифтов.
• 4 вида графиков.

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

Piktochart.com

На бесплатном тарифе Piktochart доступно:

• Множество графиков, картинок и фотографий.
• Десятки шаблонов.
• Сотни символов в разных стилях.
• Технология drag-and-drop.
• Шрифты.

Можно сохранить рисунок в виде файла с расширением png или в формате raw.

Canva

Интерфейс Canva напоминает Piktochart, шаблоны такие же, как на Ease.ly. Сервис дает много бесплатных инструментов:

• Шаблоны и фоны.
• Графики и диаграммы.
• Разные шрифты.
• Яркие картинки.
• Фотографии и графические символы.
• Сохранение рисунка в формате png.

В целом – круто. Что неудобно – бесплатные и платные инструменты находятся в одной куче.

Visme.co

Англоязычный ресурс с простым интерфейсом. Бесплатные возможности Visme.co:

• Шаблоны и фоны.
• Возможность сделать видеоинфографику.
• Шрифты.
• Графики, диаграммы, схемы, карты.
• Графические картинки и фотографии.
• Сохранение в формате jpg.

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

«Следи за графиком»

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

• Фоны и инфографические картинки.
• Схемы, диаграммы, графики.
• Шрифты.
• Сохранение в формате png.

Есть одно неудобство в сервисе «Следи за графиком» – при сохранении на картинке появляется лого сервиса.

P. S. Как сделать инфографику, если никогда этого не делал

Ваша задача – помочь читателю лучше понять тему. В этом помогут следующие рекомендации:

1. Определитесь с идеей, упростите ее. Потом вернитесь и упростите еще раз.
2. Оставьте самое главное и интересное. Текста не должно быть слишком много, в идеале он должен стремиться к нулю.
3. Посмотрите на готовую схему, будет ли она понятна вашей аудитории. Если нет – переделайте.
4. Объясните идею в инфографике с помощью сервисов из нашей подборки.

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

Источник

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

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

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

Работа над инфографикой

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

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

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

Хорошая история должна быть понятной и в логике зрителя.

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

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

40 000 страниц текста. Придумать историю и отсечь лишнее

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

Следующий шаг — это поиск нужных данных и статистики. Проблема в том, что найти в открытых источниках эти материалы бывает сложно. Можно брать результаты исследований с сайтов Левада-Центр, ФОМ, Росстат. Еще удобно пользоваться специальным поиском в Гугл. Я искала всеми этими способами и получила 20 листов А4 одного только текста. А ведь были еще схемы, графики и иллюстрации.

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

Инфографика — это сюжет. Нашел историю — выбирай главное и отсекай лишнее.

Авторское право: где брать изображения для своей инфографики

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

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

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

Иконки я искала на Noun Project. Когда скачиваете символ, вам предлагают два варианта: либо забираете иконку бесплатно и используете только в творческих целях, либо покупаете для коммерческих проектов.

Одна иконка стоит 2 доллара, месячная подписка на все коллекции — 4 доллара, или можно купить доступ на год за 40. За эти деньги вы получаете лицензию типа Royalt=»Как устроена инфографика»y-Free. Это значит, что иконку нельзя использовать в логотипе или выдать за свою работу, но вы можете изменять ее вид и вставлять в разные проекты без ограничений.

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

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

Лицензия с минимальными ограничениями это Creative Commons: CC-BY. Она позволяет использовать чужую работу как угодно при условии, что вы указываете авторство.

Воровать плохо. Пишите авторам, пользуйтесь стоками или покупайте права.

Онлайн-инструменты

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

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

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

Где публикуют инфографику

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

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

Хороший пример — это президентские выборы в США. Даже если вы не следите за новостями, сложно увернуться от заголовков и графических работ об этом. Сильнейшие зарубежные студии инфографики работают в The New York Times, Bloomberg, The Washington Post, The Guardian.

Примеры классной инфографики:

• подборка 16 работ, которые сделала редакция The Washington Post в 2016 году.
• интересная инфографика на панорамном фото о том, как Усейн Болт выиграл свое «золото».

• работы информационного агентства ТАСС.
• лонгрид о Пушкине и его последней дуэли, где есть интерактивная инфографика

• победители конкурса Information is Beautiful Awards за 2016 год.
• бронзовый призер конкурса Information is Beautiful Awards-2016 — работа об изучении космоса.

Хорошие работы полезны тем, что в них можно подсмотреть решения для своих проектов. Я стараюсь понять, что сделано хорошо и что можно было бы улучшить в тех примерах, которые вижу. Если работа чем-то вам интересна, это повод изучить ее внимательнее.

Чем больше хороших работ вы смотрите, тем лучше.

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

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

Но если вы хотите делать крутые контентные проекты с инфографикой, которые мы приводили в пример от Tass, Bloomberg, МИА «Россия сегодня», то вам не обойтись без нашего нового офлайн-курса «Контент-продюсер», где преподают настоящие профи из «Теорий и практик», «Коммерсанта», «Комитета», «ТАСС», «LookAtMedia».

Источник

Что такое инфографика? 5 бесплатных сервисов для её создания

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

Слово «инфографика» слышали многие. А кто не слышал — всё равно с ней сталкивались, и не раз. Объясняем, что это такое и для чего нужно.

Что такое инфографика

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

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

Чем инфографика отличается от простого изображения или текста с изображением?

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

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

Пишу научпоп, люблю делать сложное понятным. Рисую фантастику. Увлекаюсь спелеологией. Люблю StarCraft, шахматы, «Монополию».

Примеры инфографики

Говорить про картинки и не показывать их — как-то нечестно. Поэтому сейчас мы посмотрим несколько примеров, а потом продолжим разговор:

Теперь вернёмся в наше время. Вот два примера инфографики из сферы бизнеса:

Чем хороша инфографика

Действительно, данные всегда можно подать и просто текстом, таблицами и цифрами. Зачем тогда инфографика? У неё много преимуществ.

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

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

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

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

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

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

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

Вообще область применения инфографики почти безгранична, всё зависит от вашей фантазии и целей.

Какая бывает инфографика

Существуют пять основных типов:

1. Аналитическая, или цифровая инфографика. С её помощью представляют статистические данные. Отличается обилием цифр, диаграмм, графиков и так далее.

2. Новостная инфографика. Наглядно рассказывает про свежие события, отражает хронологию и важные этапы происходящего.

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

4. Рекламная инфографика. Создаётся компаниями для продвижения своего продукта. Яркая картинка с описанием достоинств товара и выгод от покупки. Может привлечь клиентов, если сделана хорошо — то есть сочетает грамотный маркетинг и удачный дизайн.

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

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

Минусы инфографики

Как и у любого метода, у неё есть свои минусы.

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

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

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

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

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

Сделать инфографику несложно. Гораздо сложнее сделать хорошую инфографику.

Вот несколько советов:

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

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

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

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

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

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

Есть много онлайн-сервисов, которые упрощают создание инфографики. Вот некоторые из них:

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

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

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

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

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

Заключение

Если же вы хотите научиться создавать инфографику, не пользуясь чужими шаблонами, и всерьёз интересуетесь дизайном — вам будет интересно на нашем курсе «Графический дизайнер с нуля до PRO». За восемь месяцев вы не только освоите эту профессию, но и создадите портфолио, которое поможет вам найти первых клиентов или устроиться на работу.

Источник