Руководство по инфографике

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

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

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

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

1. Выявление целей инфографики.
2. Сбор данных для инфографики.
3. Визуализация собранных данных.
4. Создание макета с помощью шаблона инфографики.
5. Работа над дизайном инфографики.

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

Давайте рассмотрим каждый этап в отдельности.

Этап 1. Выявление целей инфографики

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

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

В данном случае решаются ясные, конкретные, реально достижимые цели коммуникации.

Найдите ключевую проблему

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

Используйте пирамиду вопросов

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

ПИРАМИДА ВОПРОСОВ:

Ключевая проблема
Главный вопрос, на который дает ответ инфографика.
2–3 вспомогательных вопроса
Вопросы, раскрывающие проблему (что, как).
1–2 уточняющих вопроса
Вопросы для анализа (почему).

 

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

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

Давайте разберем на примере. В инфографике ниже показаны принципы сочетаемости еды и вина:

Ссылка на источник

Ссылка на источник

 

Решаемая проблема: как сочетать еду и вино. В данном случае пирамида вопросов могла выглядеть так:
Ключевая проблема
Как сочетать еду и вино.
Вспомогательные вопросы
Какие продукты играют важную роль?
Какие существуют категории/виды вин?
Какие категории к каким продуктам подходят?
Уточняющие вопросы
Почему одни сочетания удачнее других?

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

Вернуться к оглавлению
 

Этап 2. Сбор данных для инфографики

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

Если вы располагаете собственными данными для ответа на поставленные вопросы, переходите сразу к третьему этапу. Если же нет, не волнуйтесь, мы вам поможем. Есть масса данных, находящихся в публичном доступе, которые вы можете использовать (только в США каждую минуту генерируется около 2,7 млрд гигабайтов новых данных), надо лишь знать, где искать эти сокровища.

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

Расширенный поиск в Google

Зачастую Google — это лучший ресурс для начала поиска. Вы можете получать более точные результаты в Google с помощью специальных символов или слов:

• Поместите запрос в кавычки для точного поиска слова или фразы.
  • Пример: “сочетаемость вина и еды”.
• Введите минус (-) перед словом, которое нужно исключить из результатов.
  • Пример: сочетаемость вина и еды –красное.
• Введите в конце запроса data для поиска сегментов текста.
  • Пример: сочетаемость вина и еды data.
•  Введите в конце запроса filetype: и расширение файла (xls, csv, tsv и т. д.) для поиска данных в файлах определенного типа.
  • Пример: сочетаемость вина и еды filetype:xls.

Поиск по базам данных

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

• Открытые данные правительства США: данные в отношении сельского хозяйства, климатических условий, экосистем, образования, здравоохранения и безопасности населения.
• Данные переписей США для социальных и экономических исследований и исследований в области здравоохранения: полный набор реестров переписи населения США с 1790 года по настоящее время.
• Statista: анализ конъюнктуры рынка.
• Kaggle: загружаемые пользователями наборы данных обо всем на свете — от шоколадных батончиков до финансирования стартапов.
• Исследовательский центр Пью: опросы общественного мнения, демографические исследования, контент-анализ и другие социальные исследования.
• Исследование использования времени американцами (American Time Use Survey): данные о том, сколько времени американцы тратят на сон, еду, занятия спортом и другие виды деятельности.
• Google Trends Datastore: наборы данных от Google News Lab.
• Академия Google: поисковая система по текстам научных публикаций.
• Data is Plural: рекомендательная еженедельная рассылка тематических наборов данных.
• AggData: геолокационные базы данных для бизнеса.
• Cool Datasets: как заявляют создатели сайта — «место для поиска классных баз данных».

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

Вернуться к оглавлению
 

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

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

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

• информирование,
• сравнение,
• показ изменений,
• организация,
• раскрытие взаимосвязей,
• анализ.

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

Рассмотрим все цели и соответствующие диаграммы/графики по порядку.

Информирование

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

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

Акцентируйте внимание, добавив к тексту иконки:

Представьте данные в процентном выражении или отношении с помощью круговой диаграммы или пиктограммы:

Сравнение

Вы хотите показать сходства или отличия данных или частей целого.

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

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

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

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

Показ изменений

Вы хотите показать изменения, произошедшие за определенное время или в определенных регионах.

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

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

Используйте картограмму, чтобы показать геопространственные данные.

Используйте серию карт, чтоб показать изменения, касающиеся и времени, и пространства.

Организация

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

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

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

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

Используйте простые рамки или границы, чтобы представить организованные группы (как на интеллект-карте или диаграмме Венна).

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

Раскрытие взаимосвязей

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

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

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

Анализ

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

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

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

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

 

Вернуться к оглавлению
 

Этап 4. Создание макета с помощью шаблона инфографики

Все, что осталось — создать макет и поработать над дизайном.

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

Придерживайтесь последовательного изложения

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

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

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

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

Использование сетки позволяет упорядочивать элементы и управлять вниманием аудитории. Главное помнить: взгляд читателя скользит слева направо и сверху вниз.

Используйте макет с одной центрированной колонкой для данных с линейной последовательностью:

Источники: Everlane.com, Ziploc.com

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

Источники: RemoteRelief, The Guardian, FoodBeast

Если порядок чтения не столь уж важен, то можно использовать макет с несколькими колонками:

Источники: Lauren Conrad, Lemonly

Какой бы макет вы ни выбрали, помните: равномерное распределение элементов создает впечатление сбалансированной и структурированной композиции.

Создайте макет с помощью готового шаблона инфографики

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

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

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

 

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

 

Хотите сопоставить две диаграммы? Выберите шаблон инфографики с двумя колонками:

 

Надо представить 3 равноценных статистических выборки? Выберите шаблон инфографики с тремя колонками:

 

Накопилось много данных для представления? Выберите минималистичный шаблон инфографики с 4 или 5 разделами:

 

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

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

Вернуться к оглавлению
 

Этап 5. Работа над дизайном инфографики

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

Как выбрать шрифт для инфографики

Начните с вашего текста.

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

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

 

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

Повторение, распределение и выравнивание объектов при создании инфографики

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

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

 

Или использовать основу, чтобы акцентировать внимание на заголовке или пунктах:

 

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

 

Всегда применяйте к повторяющимся элементам выравнивание! Даже малейшее отклонение нарушит гармонию:

 

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

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

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

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

Это означает, что у границы объектов (текста или изображения) должны быть отступы:

 

Интервалы между рядами помогают выделить разбивку по категориям:

 

Пустые области также влияют на наше цветовосприятие. Если добавить между цветами пустую область, то они смотрятся контрастней:

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

Как выбирать цвета при создании инфографики

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

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

 

Или чтобы сгруппировать связанные элементы:

 

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

 

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

 

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

Вернуться к оглавлению

В завершение статьи еще раз резюмируем этапы создания инфографики:

1. Выявление целей инфографики.
2. Сбор данных для инфографики.
3. Визуализация собранных данных в инфографике.
4. Создание макета с помощью шаблона инфографики.
5. Работа над дизайном инфографики.

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

 

---

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

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

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

Этапы создания

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

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

1. Собираем факты

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

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

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

2. Определяем аудиторию

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

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

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

3. Придумываем историю

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

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

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

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

4. Делаем сложную информацию понятной

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

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

5. Продумываем четкую и понятную структуру инфографики

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

При разработке структуры нужно уделить внимание следующим моментам: 

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

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

То есть успешная структура должна:

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

6. Разрабатываем макет

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

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

Обычно специалист делает 3-5 вариантов макета, чтобы можно было сравнить, оценить информативность и выбрать наиболее эффективный материал. 

7. Выбираем инструменты для работы

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

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

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

8. Выбираем подход к графическому дизайну

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

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

При выборе подхода необходимо учитывать:

• возраст и интересы людей;
• цель инфографики;
• место размещения.

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

9. Распространяем получившуюся инфографику

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

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

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

Признаки качественной инфографики

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

1. Достоверность

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

2. Понятность

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

3. Лаконичность

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

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

4. Структурированность

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

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

5. Целенаправленность

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

6. Своевременность

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

7. Единый стиль

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

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

8. Мощный заголовок

Информативное и вызывающее введение помогает привлечь внимание и заинтересовать пользователя в дальнейшем прочтении. 

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

9. Читабельность

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

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

9. Ценность

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

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

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

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

1. Easel.ly

Бесплатный сервис с простым интерфейсом. Клиентам доступны более 10 готовых шаблонов. Платформа работает онлайн и предоставляет доступ к проекту инфографики с любого устройства.

1. Piktochart.com

Ресурс, который предоставляет как бесплатный, так и платный тарифы. При работе с инфограчиеским материалом будут доступны большое количество графиков, картинок и фотографий, готовые шаблоны,  сотни символов в разных стилях и различные шрифты. Создавать графику можно по принципу drag-and-drop (нажми и тащи).

1. Infogr.am

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

1. Vizualize.me

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

1. Venngage.me

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

1. Creately.com

Бесплатный инструмент для создания графиков, диаграмм, планов и другого контента. Creetely можно использовать как в онлайн-версии, так и как загрузить автономную программу для настольных компьютеров — она совместима с Windows, Mac и Linux.

1. Resumup.com

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

1. Ruseller.com

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

1. Mindomo.com

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

Где брать шаблоны

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

Ниже мы собрали несколько актуальных и известных сайтов с примерами инфографики: 

• Ru.freepik.com

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

• Design-mania.ru

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

• Www.coolwebmasters.com

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

• Richbee.ru

Сайт веб-студии, на котором можно найти множество примеров комплексного контент-материала в виде инфографики в определённом дизайне. 

• Www.dejurka.ru

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

• Mirshablonov.com

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

• All-clipart.net

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

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

Советы новичкам

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

1. Не разжевывайте

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

2. Упрощайте

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

3. Меньше декора

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

Инфографика должна завладеть вниманием пользователя и вовлечь его в тему, а не отвлекать от нее яркими картинками. 

4. Немного о шрифтах

Единый стиль подчёркивает профессионализм и вкус, поэтому не стоит сочетать по пять шрифтов в одной инфографике. Дизайнеры рекомендуют остановиться на 1-2 шрифтах: один для заголовков, а второй для основного текста. Также не стоит слишком экспериментировать с размером шрифтов.

5. Отвечайте на вопросы

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

6. Лепка противопоказана

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

7. Защита авторских прав

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

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

Заключение

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

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

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

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

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

Изображения и видео взяты с сайтов Texterra, Miridei, Sales-generator, Bluesyemre, Startpack, Techrocks, Mindomo, Freepik.

Время на прочтение
10 мин

Количество просмотров 55K

Тиффани Фаррант-Гонзалез и Джарред Ромли из компании JESS3 подробно расскажут вам о 10 основных шагах, необходимых для создания содержательной и привлекательной инфографики.

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

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

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

01. Пусть факты говорят сами за себя

На рисунке изображен блог в виде дерева, где разные цвета обозначают круг читателей.

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

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

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

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

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

02. Поставьте цель и определите аудиторию

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

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

03. Придумайте интересную историю

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

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

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

1. Просвещение (допустим, вы не знаете, что такое XYZ, а я могу рассказать вам об этом).

2. Потенциальные возможности (допустим, вы думаете, что здесь нельзя применить XYZ, а я расскажу вам, почему можно).

3. Опасения (допустим, вы думаете, что здесь можно использовать XYZ, а я объясню вам, почему нельзя).

4. Успокоение (допустим, вы думаете, что XYZ здесь нельзя применить, а я расскажу, почему можно).

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

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

04. Сделайте сложное простым

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

Samsung Smart Wall пользовался невероятным успехом во время фестиваля SXSW 2012, благодаря сложнейшей наглядной инсталляции, состоящей из 23 экранов, на которых были показаны самые обсуждаемые докладчики, площадки и темы для дискуссий.

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

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

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

05. Структура — прежде всего

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

Основными характеристиками, которые повлияют на доступность структуры для восприятия, будут следующие:
• количество информации, которой вы обладаете (слишком много или слишком мало?);
• классификация информации — различные классификации требуют использования соответствующих визуальных форматов. Ричард Саул Вурман обозначил 5 способов систематизации информации: по местоположению, по алфавиту, в хронологическом порядке, по категориям и в иерархическом порядке;
• среда, где будет размещена информация (статичная, интерактивная или динамичная);
• место, где в основном будет размещена информация (в интернете, в печатном виде, на экране телевизора);
• размеры информации.

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

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

Признаки плохой структуры в том, что она:
• маскирует информацию;
• запутывает факты;
• мешает осмыслению.

06. Макетирование: экспериментируйте и создавайте всё более новые образы

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

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

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

07. Выберите правильный инструмент для работы

Эта простая и понятная схема классифицирует и отображает полный состав сторонников акции протеста «Захвати Уолл-Стрит».

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

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

08. Выберите правильный подход

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

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

Выборы в США представлены в виде графика, где в прямом эфире отображены самые обсуждаемые темы, а также рейтинг кандидатов.

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

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

09. Распространение и пиар

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

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

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

10. Воспринимайте инфографику как моральное действие

Напоследок мы хотели бы привести мудрые слова из книги отца инфографики Эдварда Тафти «Beautiful Evidence»:

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

Текст оригинала: Тиффани Фаррант-Гонзалез и Джарред Ромли

Иллюстрация: Оля Ежак для Skillbox Media

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

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

Созданием инфографики обычно занимаются графические дизайнеры, иногда — иллюстраторы.

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

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

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

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

Во-вторых, хорошая инфографика делает информацию гораздо нагляднее.

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

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

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

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

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

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

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

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

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

• Сравнительная инфографика. Позволяет сравнить характеристики различных объектов.

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

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

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

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

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

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

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

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

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

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

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

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

1. Сanva

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

2. Easel.ly

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

3. Piktochart

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

4. Venngage

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

5. Creately

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

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

Научитесь: Графический дизайнер с нуля до PRO
Узнать больше

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

• Что такое инфографика
• Типы инфографики
• Плюсы и минусы инфографики
• Как сделать хорошую инфографику
• Сервисы для создания инфографики
• Удачные примеры
• Совет эксперта

Важная часть инфографики в виде карты — легенда, где расписаны значения каждого знака. Источник: violet.mintmusic

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

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

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

Инфографику создаёт графический редактор, реже к работе подключается иллюстратор.

Проверка ручной клади по этой инфографике займёт несколько секунд. Источник: moscow-airports

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

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

Тексты и иллюстрации — часть композиционного решения инфографики. Источник: promzn

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

Оперативную инфографику используют, когда хотят визуализировать данные, меняющиеся в течение короткого времени. Источник: sportmarafonfest

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

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

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

Качественная инфографика понятна даже без текста или с текстом на иностранном языке. Источник: behance

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

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

Результаты исследования по нейробиологии тоже можно перевести на язык инфографики. Источник: reuters

В перегруженной деталями инфографике бывает сложно вычленить нужную информацию. Источник: rosstat

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

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

Визуально можно отличить, как и в какой период изменились зелёная и серая сущности. Источник: visualcapitalist

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

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

Кроме простоты и понятности, хорошая инфографика:

✅не перегружена символами, знаками, текстом, изображениями и другими деталями;
✅логична и консистентна ― все элементы согласованы друг с другом;
✅выдержана в едином стиле.

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

В Illustrator доступны гистограммы, линейные графики, круговые диаграммы, диаграммы Венна и другие варианты визуализации данных. Источник: adobe

Плюсы:
● есть специальные инструменты для работы с инфографикой, например Illustrator Graph;
● можно максимально видоизменять графики;
● работает онлайн.

Минусы:
● компания приостановила продажи в России;
● занимает минимум 8 ГБ оперативной памяти.

В популярном графическом редакторе есть десятки плагинов, которые помогают создавать диаграммы и графики. Qu Toolbox и Figpie работают с круговыми диаграммами, Graphviz — со сложными графиками, Chart позволяет построить 13 типов графиков и несколько видов диаграмм, а Datavizer даёт возможность преобразовывать данные в гистограммы, точечные или линейные диаграммы.

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

В базе знаний дизайн-сообщества Figma можно найти подсказки по созданию инфографики. Источник: figma.community

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

Минусы:
● возможности бесплатной версии ограничены;
● сложности с оплатой картами российских банков.

Онлайн-сервис заблокирован в РФ, но работает через VPN. В конструкторе больше 3 000 бесплатных шаблонов инфографики, которые можно отредактировать: изменить размер и цвета, настроить шрифты и заменить текст, добавить столбцы и другие элементы.

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

Плюсы:
● есть базовая бесплатная версия;
● русскоязычный интерфейс;
● большая коллекция готовых шаблонов.

Минусы:
● возможности редактирования по сравнению с профессиональными программами ограничены;
● высокая стоимость pro-тарифа (около 7 000 ₽ в год);
● сложности с оплатой из России.

Освоить сервис получится в процессе создания собственного макета. Источник: infogram

Плюсы:
● есть базовый бесплатный тариф;
● доступна командная работа в режиме реального времени.

Минусы:
● нет русскоязычного интерфейса;
● высокая стоимость pro-тарифа: от $12,9 в месяц.

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

Разница менталитетов и языков — не препятствие для обмена идеями между дизайнерами со всего мира. Источник: behance

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

Проект The New York Times получил награду за лучшую графику в исследовании изменения климата. Источник: nytimes

Победитель Malofiej Infographics Awards 2019 года — проект, показывающий основные вехи пути политика в конгресс. Источник: nytimes

Совет эксперта

Алевтина Гринмирис
Сначала нужно определить, зачем нужна инфографика: некоторые данные не нуждаются в представлении в графиках, их можно описать словами. Если ясно, что без визуализации информация будет непонятна, надо искать способы её сделать. Если совсем нет опыта, можно использовать любую программу с готовыми шаблонами. В ситуации, когда хочется чего-то более сложного, придётся разбираться в функциях профессиональных программ. Достаточно потратить час, чтобы посмотреть видео на YouTube и разобраться, как сделать диаграммы в Figma или Illustrator.

Руководство
по созданию инфографики с нуля.

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

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

Но
вы диетолог, а не дизайнер инфографики!

Разве
идея создания инфографики с нуля заставляет вас немного паниковать изнутри?

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

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

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

Почему стоит рассмотреть инфографику

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

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

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

Создание
инфографики имеет низкий барьер для входа.

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

Инфографика
универсальна.

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

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

Признайте это, когда вы
в последний раз читали длинную статью онлайн от начала до
конца? Люди редко читают всю статью в наши дни.

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

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

Шаг
1

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

 

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

Некоторые люди хотят
сообщить, в то время как другие стремятся развлечь. В своей книге
«Инфографика: сила визуального повествования» авторы Ланков, Ричи и Крукс
объясняют, что существует два подхода к инфографическому дизайну:
исследовательский и повествовательный.

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

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

Теперь, когда вы
решили пойти по пути повествования, пришло время задуматься (или провести
мозговой штурм с командой) по следующим вопросам:

·        
Кто
является вашей целевой аудиторией?

·        
Какую
информацию вы хотите передать?

·        
Ваша
инфографическая идея актуальна для вашей целевой аудитории?

·        
Ваша
идея для инфографики действенной?

·        
Если
это не сработает, это интересно или оригинально?

·        
Поможет
ли это донести вашу идею более простым способом?

Если
вы ответите «да» на все вопросы (или на большинство вопросов!), Вы готовы
сделать следующий шаг!

Подсказка:
если вы все еще застряли в поиске цели вашей инфографики, вот несколько
примеров целей инфографики.

·        
Объясните
процесс.

·        
Поделись
убедительной историей.

·        
Повысить
осведомленность о конкретной проблеме.

·        
Сравните
два или более понятия или продукта.

·        
Разбивайте
сложные детали более простым способом.

·        
Представьте
тенденции, образцы и другую часть интересной информации.

Шаг
2

Сделайте
свое исследование и найдите правильную информацию.

 

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

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

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

Так как же
собрать достоверную информацию для своей инфографики? 

Ну вот:

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

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

Учитывая
контекст:

Забыть
о контексте сообщения, которое вы хотите передать, является распространенной
ошибкой при поиске инфографики.

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

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

·                    
Изучите
другие перспективы, чтобы избежать необъективной информации.

·                    
Найдите
центральное представление о числах или данных, которые вы собрали.

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

Шаг
3

Представьте,
как будет выглядеть ваша инфографика.

 

Вы закончили
исследование, и пришло время получить визуальное представление!

Теперь, когда вы уже
знаете, что сказать, основываясь на исследованиях, ваш следующий шаг — выяснить, как это сказать!

На данный момент
вам необходимо решить две важные вещи:

1.       Текст вашей
инфографики

2.       Визуальный элемент вашего
инфографики

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

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

Вот
несколько рекомендаций по написанию инфографического контента:

·        
Плоть
убедительный рассказ. Не просто приводите статистику. Вместо этого
используйте эти цифры в качестве точек данных при рассказе истории.

·        
Держи
их короткими и быстрыми. Остерегайтесь слишком много информации (TMI).

·        
Напишите
сильный заголовок.

·        
Помните
о своей инфографической структуре : заголовок,
подзаголовок, заголовки, визуальные метки и сноски / источники.

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

·        
Используйте
активный голос как можно больше.

·        
Используйте
тексты и копируйте, чтобы объяснить свой образ. Не просто пишите «цветок»,
когда у вас есть изображение цветка в вашей инфографике. Для чего символ
цветка? Что это говорит?

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

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

При
выборе визуальной темы и ее элементов учитывайте следующее:

Вот
несколько советов при выборе визуальной темы:

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

2.     
Будьте
внимательны к пробелам, сеткам, начальным линиям и масштабирующим /
уравновешивающим элементам для обеспечения согласованности, а также
читабельности. Обратите внимание на расстояние и поля тоже.

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

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

Шаг
4

Сделайте
свою инфографику.

 

Это самая захватывающая
часть, вы наконец создаете инфографику! Если у вас есть каркас или эскиз,
у вас есть два варианта:

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

2.       Наймите
дизайнера, чтобы сделать это для вас.

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

Шаг 5

Обернуть вещи!

 

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

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

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

1.      https://www.easel.ly

2.      https://piktochart.com

3.      https://visual.ly/

Инфографика: зачем нужна и как ее сделать

Андрей Батурин,
14 июня, 2019

Андрей Батурин

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

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

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

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

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

Плюсы

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

Но есть у такого формата и несколько недостатков.

• Сложность создания. Если обычный текст можно написать хоть в “Блокноте”, хоть в MS Word или вообще в сообщении на почте, то для инфографики понадобятся дополнительные сервисы, чтобы скомпоновать информацию, упорядочить ее и сохранить в удобном формате.
• Дополнительные затраты. Чтобы сделать инфографику по-настоящему классной и вирусной, у нее должен быть оригинальный и запоминающийся дизайн. А дизайн такой сможет разработать только настоящий профессионал и, конечно, не за бесплатно.
• Не уместить все детали. Все же инфографика — это про сжатость материала и лаконичность. Если вы хотите рассмотреть тему максимально подробно, со всех углов, добавить комментарии экспертов и провести настоящее исследование, такой формат вам не подойдет — в него вся эта информация просто не поместится. А если ее и поместить, выглядеть это будет слишком сложно и непонятно.

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

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

1. Статистические данные

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

2. Географические карты

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

3. Инструкция

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

4. Противопоставление

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

Зачем создавать инфографику для бизнеса

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

1. Увеличивает популярность

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

2. Это модно

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

3. Она выходит в офлайн

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

4. Это отличный способ структурировать информацию

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

Инструкция и советы по созданию инфографики

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

1. Сделайте список вопрос, на которые ваша аудитория хотела бы получить ответ. Например, вы делаете инфографику на тему “Как выбрать велосипед?”. В этом случае читателям интересно знать многое: какая цена для велосипеда считается нормальной, стоит ли покупать его в гипермаркете или только в специализированном магазине, какую разновидность выбрать (городской, горный, гибридный и т.д.). На все эти вопросы вам и нужно будет впоследствии ответить.

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

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

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

5. Выберите подходящий вид и формат будущей инфографики. Если вы сравниваете два объекта, вам подойдет вид “противопоставление”. Если хотите объяснить, как совершать какое-то действие, подойдет тип “инструкция”. Продумайте формат: изображение, анимация, лендинг с кликабельными кнопками? Горизонтально или вертикально, линейно или вразброс?

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

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

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

А теперь несколько советов по созданию инфографики

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

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

Понравилась статья? Сохраните у себя в соцсетях и поделитесь с другими!

Обсудить

Другие статьи по тегам

маркетинг
дизайн

Понравилось

на эту тему

Как научиться создавать инфографику с нуля

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

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

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

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

Этапы создания

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

1. Формирование идеи

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

2. Сбор и систематизация информации

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

3. Набросок

Сделайте предварительную блок-схему будущей инфографики. Группировать данные можно:

• по хронологии;
• по логике;
• по иерархии;
• по геолокации;
• по алфавиту.

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

4. Написание текста

Для каждого пункта набросайте черновой вариант подписи. Допустим, вы выяснили, что 80% славянок выходят замуж в возрасте от 20 до 26 лет. Эту информацию можно подать несколькими способами:

а) 20-26 лет – 80% девушек;
б) 80% — в возрасте от 20 до 26 лет.

Посмотрите, как лаконично и интересно оформлен текст в инфографике о молоке

5. Выбор графического сопровождения

Хорошим тоном для создания качественной инфографики является использование двух типов графических объектов. Один – основной и несколько дополнительных. Первый расставляет акценты и дает представление о тематической направленности контента (большой график, диаграмма, человечек и т.д.), второй — делает данные более доступными для восприятия (стрелки, сноски, блоки).

6. Верстка

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

7. Финальные штрихи

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

Признаки качественной инфографики

1. Достоверность

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

2. Понятность

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

3. Лаконичность

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

4. Структурированность

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

5. Целенаправленность

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

6. Своевременность

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

7. Единый стиль

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

8. Мощный заголовок

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

9. Читабельность

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

10. Ценность

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

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

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

1. Easel.ly – бесплатный сервис с гибкими настройками;
2. piktochart.com – жирный сайт с сочной библиотекой шаблонов;
3. infogr.am – позволяет дополнить изображение видео и аудиоматериалами;
4. vizualize.me – кроме создания своей инфографики можно просмотреть примеры чужих работ;
5. venngage.com – содержит бесплатные красочные макеты и готовые дизайнерские решения;
6. creately.com – создает диаграммы в пару кликов.

Это были англоязычные порталы, а вот вам парочка отечественных:

1. resumup.com – создает сверхпривлекательное резюме;
2. ruseller.com – непрофильный сайт с онлайн редактором для верстки инфографики из готовых шаблонов;
3. www.mindomo.com – прорисовка карт мозгового штурма.

Где брать шаблоны?  

• ru.freepik.com
• design-mania.ru
• www.coolwebmasters.com
• richbee.ru
• www.dejurka.ru
• mirshablonov.com
• all-clipart.net

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

Полезная литература

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

1. Дэн Роэм — «Практика визуального мышления»
2. Джин Желязны – «Говори на языке диаграмм»
3. Сьюзан Уэйншенк — «100 главных принципов дизайна» и «100 главных принципов презентации»
4. Дэвид Маккэндлесс – «Инфографика»
5. Рэнди Крам — «Инфографика. Визуальное представление данных»
6. Дэвид Сиббет – «Визуализируй это! Как использовать графику, стикеры и интеллект-карты для командной работы»
7. Майк Роуди – «Визуальные заметки. Иллюстрированное руководство по скейтчингу»

7 советов новичкам

1. Не разжевывайте

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

2. Упрощайте

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

3. Меньше декора

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

4. Немного о шрифтах

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

5. Отвечайте на вопросы

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

6. Лепка противопоказана

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

7. Защита авторских прав

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

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

• Читайте также
• Комментарии