Примерно десять лет тому назад инфографика буквально ворвалась в графический дизайн, став главной формой коммуникационного дизайна в учебных заведениях, в работе организаций и компаний, в Интернете.
Но если вы новичок в дизайне, то слово «инфографика» может быть вам незнакомо.
Вам может быть интересно:
- Что такое инфографика?
- Как использовать инфографику?
- Как создать инфографику?
- Какие бывают виды инфографики?
- Что делает инфографику эффективной?
Создано с помощью GIPHY
Сегодня мы предлагаем вам пройти интенсив-курс по инфографике и дизайну инфографики (с примерами шаблонов инфографики) и получить ответы на эти и другие вопросы!
Что такое инфографика? Определение инфографики
Согласно Оксфордскому словарю английского языка инфографика (или информационная графика) — это «визуальное представление информации или данных».
Однако лучше дать этому термину более конкретное определение.
Инфографика — это подборка изображений и диаграмм с минимумом сопроводительного текста, позволяющая быстро понять суть освещаемой темы.
В примере инфографики ниже используются красочные и привлекательные графические объекты для быстрого и четкого донесения информации.
Самая оригинальная и креативная инфографика часто оказывается наиболее эффективной. Она привлекает внимание и не дает пройти мимо.
Однако важно не забывать, что графические объекты инфографики должны не только нравиться или вызывать интерес. Они должны помогать людям понять и запомнить содержание инфографики. Посмотрите, как этот принцип реализован в посвященной хиромантии инфографике Джинг Чжан (Jing Zhang):
Готовы приступить к созданию первой инфографики? Предлагаем вашему вниманию полное руководство по созданию инфографики, в котором собраны все самые важные рекомендации, необходимые для начала работы.
Как использовать инфографику?
Инфографика нужна для донесения сложной информации быстрым и понятным образом. Инфографика используется для:
- быстрого раскрытия темы,
- объяснения сложных процессов,
- представления результатов исследований и опросных данных,
- резюмирования длинной статьи или доклада,
- сравнения и противопоставления различных вариантов чего-либо,
- повышения осведомленности о проблеме или представления идей.
Когда надо что-то быстро и кратко объяснить, обойтись одними словами может быть трудно. В этом случае на помощь приходит инфографика.
Это значит, что инфографика применима почти в любой области.
Маркетологи используют инфографику для повышения уровня узнаваемости бренда и степени вовлеченности аудитории:
Бизнес-консультанты используют инфографику для наглядного представления проектов и упрощенной подачи материала:
Органы государственного управления используют инфографику для обнародования статистики и данных переписи:
В сфере образования используют инфографику, чтобы сделать учебный материал более запоминающимся:
Некоммерческие организации используют инфографику для привлечения людей и повышения осведомленности о своей деятельности:
Инфографика чрезвычайно полезна, когда нужно быстро донести информацию или оказать воздействие с помощью данных или сообщения.
Как создать инфографику?
Если вы убедились в том, что инфографика — это инструмент, который стоит использовать, то, вероятно, вам стало интересно, как создать инфографику.
Наше пошаговое руководство по созданию инфографики будет вам отличным подспорьем.
А из этого короткого видео вы узнаете, как создать инфографику за 5 шагов:
Как бы вам ни хотелось поскорее приступить к созданию инфографики, не хватайтесь за дизайн без плана действий.
Для начала продумайте структуру инфографики.
Упорядочьте информацию, продумав структуру инфографики
Работа над структурой поможет собраться с мыслями и подобрать материал для инфографики.
4 этапа разработки структуры инфографики на основе имеющихся данных:
- Сформулируйте основные выводы из имеющихся данных.
- Придумайте название инфографики; сформулируйте заголовки и подзаголовки; запишите факты, которые будете включать в инфографику.
- Установите длину абзацев и пунктов списка.
- Включите примечания для дизайнера.
Проработка структуры инфографики вышеописанным образом поможет минимизировать возможные трудности в ходе создания дизайна.
Более подробная информация по этому вопросу представлена в нашем руководстве по разработке структуры инфографики.
Выберите шаблон инфографики
Как только работа над структурой инфографики завершена, можно приступать к выбору шаблона инфографики.
Готовые шаблоны инфографики (как тот, что ниже) могут стать отличным источником вдохновения для создания собственного дизайна инфографики. Шаблоны могут быть полезными хотя бы для использования в качестве отправной точки.
Есть много моментов, на которые стоит обратить внимание при выборе шаблона инфографики: используемые цвета, шрифты, размер листа и ориентация шаблона, а также то, насколько хорошо эти параметры подходят для представления ваших данных.
Но самое главное — выбрать шаблон необходимого вам вида инфографики.
Какие же бывают виды инфографики?
Какие бывают виды инфографики?
Шаблоны инфографики Venngage разбиты на 9 категорий:
- Статистическая инфографика.
- Информационная инфографика.
- Хронологическая инфографика.
- Процессуальная инфографика.
- Географическая инфографика.
- Сравнительная инфографика.
- Иерархическая инфографика.
- Список.
- Резюме.
В этом видео вы найдете обзор всех 9 видов инфографики и рекомендации по их использованию:
Разные виды инфографики предназначены для визуализации различного контента.
Так, информационная инфографика содержит больше текста, чем другие виды инфографики. Как видно из нижеприведенного примера, взятого с платформы Course Hero, информационную инфографику лучше всего использовать как самостоятельный обобщающий документ, достаточно полно раскрывающий тему.
В статистической инфографике большее внимание уделяется цифрам, диаграммам и данным.
Обычно в ней намного меньше текста, чем в информационной инфографике, и реже встречается нарратив. Данные представлены цифрами (крупным шрифтом) и выборочными фактами, как в этой инфографике Mobile Future:
Правильно подобранный тип шаблона — это одна из составляющих успешной инфографики.
Подробную информацию о каждом виде инфографики и особенностях их использования вы найдете в статье «9 типов шаблонов инфографики».
Что делает инфографику эффективной?
Если хотите создать эффективную инфографику, помните, что наш мозг всегда ищет визуальные паттерны, которые помогают интерпретировать окружающий мир.
Используйте этот факт: визуально структурируйте информацию и создавайте паттерны, усиливающие сообщение, которое вы хотите донести.
Давайте ознакомимся с рекомендациями в отношении дизайна инфографики, которые помогут вам создавать одновременно красивую и эффективную инфографику.
Предлагаем также прочесть статью о 7 способах персонализации шаблона инфографики, в которую мы включили еще несколько советов по созданию эффективного дизайна.
Используйте линии, границы и фигуры для выделения взаимосвязей
Даже такая простая вещь, как расположение и группировка элементов на странице влияет на то, как читатели воспримут инфографику.
Выделение взаимосвязей с помощью базовых элементов дизайна — границ, линий и фигур — помогает понять содержание инфографики.
Например, можно заключить взаимосвязанные элементы в рамку или фигуру. В большинстве инфографик, как и в представленной ниже, такой прием используется для разбивки дизайна на разделы, что облегчает восприятие материала.
В других инфографиках, когда наиважнейшая роль отводится структуре представляемой информации (в случае органиграммы или блок-схемы, например), полезно соединять взаимосвязанные элементы линиями. Посмотрите, как это сделано в инфографике маркетинговой компании ниже:
Хотите узнать больше о том, как структурировать данные в инфографике? Предлагаем прочесть наш пошаговый разбор в статье о резюмировании и визуальном представлении данных.
Используйте один контрастный цвет для управления вниманием читателей
Еще один ключевой элемент дизайна, который нужно учитывать, — это цвет. Мы используем различные цвета, чтобы сделать инфографику красивой, но цвет также является мощным инструментом коммуникации.
Подобно линиям и границам, цвет можно использовать для группировки данных. Посмотрите, как это сделано в инфографике бизнес-процесса ниже:
Более того, с помощью цвета мы можем привлекать внимание к самым важным частям информации, а вспомогательную информацию отодвигать на задний план.
Выберите цвет, контрастирующий со всеми другими цветами инфографики, и используйте его для выделения самой важной информации.
Возьмем, к примеру, инфографику ниже. Ярко-желтые круги контрастируют с голубым фоном, благодаря чему значки (наиболее важный визуальный элемент данной инфографики) оказываются в центре внимания. Этот прием пользуется невероятной популярностью: яркие цветовые пятна — это один из самых мощных трендов в графическом дизайне в 2019 году.
Нужно вдохновение, чтобы подобрать цветовую палитру для инфографики? Читайте наше руководство по выбору цвета для инфографики.
Создайте иерархию текста с помощью трех различных шрифтов
Шрифты — это тот элемент, который сразу обращает на себя внимание в инфографике. Неудачно выбранные шрифты могут обречь на провал прекрасную в остальных отношениях инфографику. Наш обзор популярных шрифтов поможет вам сделать правильный выбор.
Секрет использования шрифтов в инфографике заключается в создании четкой иерархии текста с помощью трех разных шрифтов — одного для главного заголовка, одного для заголовков разделов и одного для основного текста.
Шрифт главного заголовка должен быть самым крупным и может быть самым стилизованным. С его помощью вы задаете инфографике определенное настроение.
Шрифт заголовков разделов должен быть немного меньше. Для заголовков разделов стоит выбирать менее выдающийся, но все же хорошо заметный на странице шрифт.
И, наконец, шрифт основного текста должен быть наименьшим из трех и самым простым. Самым удобочитаемым.
Не уверены, какие шрифты удобочитаемые, а какие нет? Вот памятка по шрифтам, отлично подходящим для основного текста:
Подробнее о типах шрифтов и рекомендациях по их использованию читайте в нашем руководстве по выбору шрифтов для инфографики.
Используйте изображения, значки и иллюстрации, чтобы сделать ключевые тезисы запоминающимися
Наконец, не менее важно, чтобы на вашей инфографике в центре внимания были визуальные элементы, такие как изображения, значки, иллюстрации, диаграммы и графики.
Визуальные элементы делают информацию интересной и запоминающейся. В лучших образцах инфографики мы видим идеальное равновесие между текстом и графикой.
Самый простой способ обеспечить необходимое количество визуальных элементов — добавить значки, отображающие суть каждого заголовка, как в примере ниже:
Еще лучше — создать наглядные примеры ко всем ключевым тезисам, как в инфографике компании Elle & Company:
Если же вы готовы замахнуться на большее, то можно визуализировать весь материал, как в примере ниже, что практически полностью устраняет потребность в сопроводительном тексте.
Создаете сложную инфографику с различными типами данных? Нужна помощь в визуализации информации? Предлагаем прочесть наши руководства по созданию наглядных диаграмм и выбору диаграмм для инфографики.
Заключение
В лучших образцах инфографики текст и изображения дополняют друг друга, информируя и пробуждая интерес у читателя.
Придерживайтесь проверенных практикой рекомендаций по дизайну инфографики:
- Используйте линии, границы и фигуры для выделения взаимосвязей.
- Используйте один контрастный цвет для привлечения внимания к наиважнейшей информации.
- Создавайте иерархию текста с помощью трех различных шрифтов.
- Используйте изображения, значки и иллюстрации, чтобы сделать ключевые тезисы запоминающимися.
Дополнительную информацию о создании инфографики читайте в нашей статье «Как создать инфографику: 5 этапов [пошаговое руководство]».