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

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

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

Важная часть инфографики в виде карты — легенда, где расписаны значения каждого знака. Источник: 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.

Презентация на тему «Типы инфографики .»

Слайд 1

Инфографика как прием визуализации учебного материала Тимофеева Н.С.

Слайд 2

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

Слайд 3

Техники визуализации в образовательном процессе 1. Таймлайн (от англ. timeline – букв. «линия времени») – это временная шкала, прямой отрезок, на который в хронологической последовательности наносятся события. Линии или ленты времени используются при работе с биографиями или творчеством писателя, а также для формирования у учащихся системного взгляда на исторические процессы. Другая сфера использования таймлайнов – управление проектами. Таймлайны в проектной деятельности помогают участникам отмечать и видеть этапы реализации проекта, сроки его окончания.

Слайд 4

2. Скрайбинг (от английского « scribe » – набрасывать эскизы или рисунки) – это визуализация информации при помощи графических символов, просто и понятно отображающих ее содержание и внутренние связи. Техника скрайбинга была изобретена британским художником Эндрю Парком. Выступление в технике скрайбинга – это прежде всего искусство сопровождения произносимой речи «на лету» рисунками фломастером на белой доске (или листе бумаги). Как правило, иллюстрируются ключевые моменты рассказа и взаимосвязи между ними. Создание ярких образов вызывает у слушателя визуальные ассоциации с произносимой речью, что обеспечивает высокий процент усвоения информации.

Слайд 5

3. Интеллект-карта (ментальная карта, диаграмма связей, карта мыслей, ассоциативная карта, mind map ) – это графический способ представить идеи, концепции, информацию в виде карты, состоящей из ключевых и вторичных тем. То есть, это инструмент для структурирования идей, планирования своего времени, запоминания больших объемов информации, проведения мозговых штурмов.

Слайд 6

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

Слайд 7

Что такое инфографика и зачем она нужна? Инфографика предполагает сворачивание больших объемов информации и представление ее в более интересном и компактном для читателя виде. Идеально же выполненная инфографика представляет собой законченный информационный блок, который можно усвоить самостоятельно, без чьей-либо помощи (комментария), причѐм весьма эффективно. Инфографика позволяет «говорить» с ребенком на языке образов и ассоциаций, что соответствует как наглядно-образному типу мышления младшего школьника, так и особенностям восприятия информации. Основная функция инфографики – информировать, представлять большой объем информации в организованном виде, удобном для восприятия.

Слайд 8

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

Слайд 9

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

Слайд 10

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

Слайд 11

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

Слайд 12

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

Слайд 13

Инфографика-инструкция

Слайд 14

Инфографика-плакат

Слайд 15

Инфографика-статистика

Слайд 16

Инфографика-памятка

Слайд 17

Инфографика-путеводитель

Слайд 18

Процесс создания инфографики включает следующие этапы: 1. Формулирование цели создания инфографики и определение аудитории. Разрабатываемый информационный дизайн обычно предназначен для какой-то целевой аудитории. 2. Сбор определенного количества данных, материала по теме. Данные могут быть представлены в различных форматах – текстовый контент, графика, видео материалы, страницы таблиц и др. 3. Аналитика и обработка информации. Собранный материал необходимо проанализировать и обработать, привести к одному знаменателю – обычно это неоформленные графики, гистограммы, 4. Построение доступной визуализации, верстка. Весь материал компонуется, приводится в красивый наглядный вид. Выбирается формат (в зависимости от целей и количества данных) – презентация, слайд-каст, одностраничная картинка, видеоролик.

Слайд 19

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

Слайд 20

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

Слайд 21

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

Слайд 22

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

Слайд 23

4. образность и визуализация (Обычная данные скучны и иногда их бывает трудно понять. Использование геометрических фигур, графики, диаграмм, иконок и символов — все это может помочь создать образ передаваемой информации и визуализировать данные); 5. креативность (Это главное отличие инфографики от простой диаграммы. Представьте свою инфографику в виде плаката, на котором вы можете самовыразиться. Но, в то же время, дизайн должен быть целесообразным и отражать раскрытие вопроса); 6. эстетическая привлекательность (гармония и пропорциональность).

Слайд 24

Технология создания инфографики 1-й шаг – определите цели и задачи, которые необходимо достичь с помощью инфографики (в зависимости от предметной сферы). Стоит принять во внимание, что «в графике очень легко отображать существующее в реальности, значительно труднее перенести в визуальную плоскость отвлеченные понятия и почти невозможно – мнения и комментарии» 2-й шаг – разбейте информацию на разделы, части, пункты. Каждый раздел представьте отдельным изображением или графиком. Подберите нужные визуальные образы, которые знакомы и часто используются вашей аудиторией. 3-й шаг – создайте фокус, то есть придумайте историю, основную визуальную метафору, вокруг которой будет строиться инфографика. Она должна быть простой и всем известной.

Слайд 25

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

Слайд 26

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

Слайд 27

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

Слайд 28

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

Слайд 29

6. Не увлекайтесь столбцовыми диаграммами В инфографике первая идея часто обретает форму столбцовых диаграмм. Конечно же, это невероятно полезный инструмент, значительно усиливающий визуализацию данных, но также немного банальный и прозаичный с точки зрения дизайна. В следующий раз, когда вы захотите создать столбцовую диаграмму, подумайте о том, как придать ей немного индивидуальности. Инфографика про флаги стран мира, которую выпустило датское агентство ferdio (http://flagstories.co/), служит прекрасным примером. По сути, это все та же столбцовая диаграмма, но выглядит она гораздо более интересно.

Слайд 30

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

Слайд 31

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

Слайд 32

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

Слайд 33

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

Слайд 34

Инфографика на занятиях по ознакомлению с окружающим миром Тема «Объекты живой и неживой природы» Тема «Размножение (развитие) рыб»

Слайд 35

Инфографика на занятиях по формированию элементарных математических представлений Тема «Знаки сравнения» Тема «Величина»

Слайд 36

Инфографика на занятиях по развитию речи Тема «Многозначные слова» Тема «Составление рассказов о птицах»

Слайд 37

Инфографика на занятиях по художественному развитию Тема «Учим цвета радуги» Тема «Лепка»

Слайд 38

Сервисы для создания инфографики 1. easel.ly Понятный редактор инфографики с библиотекой готовых элементов. Каждый можно настроить и отредактировать под себя.. 2. Visual.ly Отличный инструмент, который позволяет генерировать ряд инфографик. Инфографика в этом случае почти полностью будет основана на социальных метриках, таких как данные Twitter или Facebook . 3. Canva.comЛучший онлайновый конструктор для создания баннеров, визиток, иллюстраций и постеров. 4. PiktochartТрансформирует информацию в захватывающие визуальные истории. Его очень легко использовать. Имеет функцию автоматически настраиваемой инфографики..

Слайд 39

5. Infogr.am до сих пор является относительно новым сервисом и имеет множество возможностей, которые пока находятся на стадии внедрения. 6. Creately – удобный для пользователя инструмент, который помогает создавать профессиональные диаграммы и динамические схемы. 7. Tagxedo . Этот сервис преобразует текст (известные изречения, новости, слоганы, даже любовные признания) в удивительным образом визуализированные облака слов. 8. Cacoo – бесплатный инструмент по созданию инфографики. Дружественный пользователю онлайн-инструмент для рисования, который позволяет создавать различные виды инфографики, такие как карта сайта, схемы страниц, Mind Maps и другие.

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

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

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

В каталоге шаблонов Venngage инфографика разделена на 9 категорий.

9 самых популярных видов инфографики:

1. Статистическая инфографика.
2. Информационная инфографика.
3. Хронологическая инфографика.
4. Процессуальная инфографика.
5. Географическая инфографика.
6. Сравнительная инфографика.
7. Иерархическая инфографика.
8. Инфографика со списком.
9. Инфографическое резюме.

Видеообзор 9 видов инфографики с примерами применения:

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

1. Шаблоны статистической инфографики

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

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

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

Например, в этой инфографике элементы статистики проиллюстрированы значками:

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

Вот еще одна статистическая инфографика, в которой визуализированы данные локального SEO-исследования.

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

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

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

Лучшие рекомендации по созданию статистической инфографики:

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

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

2. Шаблоны информационной инфографики

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

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

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

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

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

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

Лучшие рекомендации по созданию информационной инфографики:

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

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

3. Шаблоны таймлайнов

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

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

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

Цветовой переход — один из приемов, помогающих визуализировать течение времени.

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

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

Лучшие рекомендации по созданию таймлайна:

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

Хотите больше примеров и шаблонов таймлайнов и советов по дизайну? Ознакомьтесь с нашим руководством по созданию таймлайнов и статьей с 20 шаблонами таймлайнов.

4. Шаблоны процессуальной инфографики

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

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

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

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

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

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

Лучшие рекомендации по созданию процессуальной инфографики:

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

Хотите больше шаблонов процессуальной инфографики и советов по визуализации процессов? Ознакомьтесь с нашим руководством по созданию процессуальной инфографики.

5. Шаблоны географической инфографики

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

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

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

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

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

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

Лучшие рекомендации по созданию географической инфографики:

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

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

6. Шаблоны сравнительной инфографики

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

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

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

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

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

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

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

Лучшие рекомендации по созданию сравнительной инфографики:

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

Еще 20 шаблонов сравнительной инфографики и советы по дизайну вы найдете в нашем руководстве по созданию сравнительной инфографики.

7. Шаблоны иерархической инфографики

В иерархической инфографике данные упорядочены по степени их важности.

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

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

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

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

8. Шаблоны инфографики со списком

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

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

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

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

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

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

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

Лучшие рекомендации по созданию инфографики со списком:

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

9. Шаблоны инфографического резюме

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

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

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

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

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

Лучшие рекомендации по созданию инфографического резюме:

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

Хотите более подробное руководство по созданию инфографического резюме? Жмите сюда!

Или просмотрите нашу подборку с более чем 20 шаблонами инфографических резюме.

БОНУС: инфографические диаграммы

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

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

Для использования метода ИСПОР нужно сначала определить цель представления визуализируемых данных:

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

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



 

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

Не до конца понимаете, что такое инфографика и зачем ее использовать? В нашей статье «Что такое инфографика?» вы найдете ответы на эти вопросы.

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

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

Нашли ошибку в тексте? Выделите нужный фрагмент и нажмите
ctrl
+
enter