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