для чего нужна инфографика

Какую пользу приносит инфографика

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

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

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

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

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

Что нужно для создания инфографики

Визуализация данных в интерфейсах

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

Универсальная схема создания дизайн-макета, применимая и к инфографике

Что нужно для эффективной инфографики:

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

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

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

Как видно на графике, в Белоруссии и России самый низкий пенсионный возраст, но если посмотреть на цифры — «58» в Казахстане почти в два раза выше, чем «55» и «60» в Белоруссии

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

Кажется, что пенсионный возраст в Японии в восемь раз больше, чем в Белоруссии

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

Данные не менялись, столбики графика почти сравнялись

Сравним объективный показатель — статистические данные о средней продолжительности жизни на пенсии:

Картина другая: показатель средней продолжительности жизни на пенсии у женщин в России близок к Польше и Германии

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

Какую пользу приносит инфографика

1. Помогает верно и в правильной последовательности доносить информацию

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

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

Дорожный знак с визуализацией означает крутой поворот через 500 метров. Понятен даже иностранцам:

2. Социальная польза — то, чем можно поделиться

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

Пример инфографики с сайта adme.ru

3. Помогает донести эмоции и переживания

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

Согласно опросам, 44% британцев считают, что в трагедии погибло меньше 5 000 жителей Ирака — это в 200 раз меньше, чем на самом деле. На инфографике заблуждение выделили красным.

4. Решает бизнес-задачи

Инструкция по сборке мебели Икеа

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

Для сравнения, пример инструкции по сборке мебели российского производителя:

Здесь не требуется локализация на 40 языков и стоят другие бизнес-задачи, но эта инструкция гораздо сложнее.

5. Помогает быстрее принимать решения

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

Сколько весит мозг и сколько потребляет энергии: 3% от массы тела и 35% от всей энергии

У читателей есть ограниченный ресурс — «мыслетопливо». Задача дизайнеров — грамотно визуализировать информацию, чтобы не тратить «мыслетопливо».

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

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

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

Инфографика не иллюстрирует реальность, а искажает её для упрощения восприятия.

Книги для создания сильной инфографики

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

Текст и типографика:

Психология принятия решений:

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Источник

Королева Инфографика: главный тренд последних лет

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

Впоследствии инфографика перекочевала на сайты и стала активно применяться в качестве маркетингового инструмента. Сейчас ее используют в дизайне и продвижении. Даже такие матерые компании, как “Почта России”, оценили новое течение и активно им пользуются. Не верите? Вот, пожалуйста.

Для чего нужна инфографика?

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

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

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

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

Сферы применения инфографики

Новостные сайты, онлайн-издания

Познавательные, развлекательные сайты

1. Для информации

2. В образовательных целях

3. Для сравнения

4. Создание инструкции

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

5. В коммерческих целях

Так-так-так: начинается самое интересное! Мы же уже заинтриговали вас, что инфографику можно применять для продаж и продвижения товаров. И даже пример с “Почтой России” привели. Посмотрим на другие примеры, которые нашлись на просторах сети.

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

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

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

Источник

Инфографика — что это и зачем

Это простой способ объяснить сложные вещи.

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

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

Чтобы было понятнее, вот примитивный пример про строение американской термоядерной бомбы (обычно инфографики выглядят красивее): слева — инфографика, справа — декорация. Чувствуете разницу?

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

Преимущества и недостатки

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

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

Привлекательность — графическая подача информации охотнее воспринимается читателями

Наглядность — с помощью инфографики можно проиллюстрировать сложные вещи и наглядно показать читателю

Компактность — с помощью инфографики можно упаковать большой объем информации в небольшую по объему иллюстрацию

Распространение — люди охотно делятся графическим контентом в социальных сетях, если он им интересен

Простота создания — есть много условно бесплатных сервисов с готовыми шаблонами и элементами

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

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

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

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

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

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

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

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

Допустим, у нас стоит задача красиво подать статистику роста рождаемости по регионам России. Мы возьмем карту страны и окрасим регионы в 5 разных цветов. Например, зеленым покрасим субъекты, где рождается более 1 млн детей в год. Синим — регионы, где более 800 тысяч в год. Розовым — где более 600 тысяч и т.д. А в нижней части поставим объяснение и график с цифрами по регионам.

В зависимости от поставленной задачи дизайнеры используют разные виды инфографики. Мы рассмотрели 10 самых распространенных. Изучите — узнаете в какой ситуации какую инфографику логично использовать.

1. Хронологическая инфографика

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

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

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

2. Сопоставительная инфографика

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

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

3. Географическая инфографика

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

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

4. Статистическая инфографика

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

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

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

5. Историческая инфографика

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

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

6. Иерархическая инфографика

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

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

7. Социальная инфографика

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

8. Процессы в инфографике

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

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

9. Конспекты в инфографике

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

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

10. Списки в инфографике

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

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

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

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

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

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

1. Правила

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

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

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

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

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

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

2. Принципы

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

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

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

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

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

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

3. Формулирование темы

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

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

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

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

4. Проведение исследования

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

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

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

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

5. Подбор стилистики

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

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

6. Разработка

Есть два варианта: разработать самостоятельно или привлечь дизайнера.

С помощью дизайнера. Если есть лишняя 1000 рублей, можно заказать инфографику дизайнеру. Дешевле всего разместить заказ или найти исполнителя на бирже фриланса. Например, на Кворке есть дизайнеры, которые готовы выполнить заказ даже за 500 рублей. Можно обратиться в дизайн-студию, но там обычно берут от 5000. Правда, и качество с эстетикой будут лучше.

Анализ и корректировка

Когда инфографика готова, нужно получить фидбек. Есть смысл показать результат коллегам и посоветоваться. Или друзьям. Или маме. В общем, неважно кому, главное — получить фидбек. Нужно узнать:

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

Продвижение инфографики

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

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

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

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

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

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

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

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

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

Где брать изображения

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

Заключение

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

Источник