Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг Управление проектами
11 Сен 2023
7 мин
2493

Что такое инфографика и как ее делать

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

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

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

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

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

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

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

Чтобы освоить тонкости дизайна, окончите курс Skypro «Графический дизайнер». За 10 месяцев научитесь оформлять презентации, email-рассылки и веб-страницы. Освоите основные графические редакторы, изучите основы брендинга и анимации. В конце получите диплом о профессиональной переподготовке и сможете устроиться на работу по новой специальности.

Типы инфографики

Разделение на типы весьма условное: инфографика зависит от типа данных. Она может быть:

✔️ Новостная

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

Что изменится в России

✔️ Конструкционная

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

✔️ Аналитическая

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

✔️ Рекламная

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

По составу инфографику делят так:

✔️ Иллюстративная

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

✔️ Информационная

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

✔️ Оперативная

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

Не так важен тип инфографики. Куда важнее определиться с ее задачей и целевой аудиторией.

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

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

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

Советы:

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

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

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

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

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

Где брать изображения для инфографики

Изображения для инфографики можно подбирать любым способом.

Это могут быть растровые и векторные стоки, например:

Такие стоки бывают с платным и бесплатным контентом. Бесплатный контент можно скачать сразу. Платный идет с водяными знаками. Для удобства можно сразу выбрать версию с лицензией. Например:

freepik

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

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

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

Для подготовки инфографики подойдет любой графический редактор.

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

Adobe Photoshop. Пожалуй, самый популярный графический редактор. Нужны навыки, но его проще освоить, чем Illustrator.

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

Если хотите научиться делать сайты, рекламные баннеры и интерфейсы, пройдите курс «Графический дизайнер». Погружаем в профессию с нуля за 10 месяцев. Но уже через 3 месяца получите навыки, которые помогут сразу начать работать. Освоите программы Figma, Photoshop, Tilda, Readymag. Упор на практику: после курса у вас будет портфолио на Behance.

Есть множество онлайн-сервисов для презентаций и инфографики. Они отлично подойдут тем, кто не знаком с графическими редакторами, например:

Venngage. Бесплатный сервис заточен под создание инфографики. Есть много шаблонов.

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

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

👍 Удачные

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

Интересная тема переплетается с оригинальным оформлением. Логика расположения информации считывается моментально, нет проблем с прочтением.

Но с небольшим количеством информации работать проще. Как насчет большого массива текста? Есть и такой пример:

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

👎 Неудачные

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

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

На курсе Skypro «Графический дизайнер» можно собрать сильное портфолио с удачными примерами инфографики, рекламных баннеров, сайтов еще в процессе обучения. В ходе курсовых работ сделаете дизайн email-рассылки, создадите презентации продуктов, разработаете дизайн лендинга. Будете искать работу — сможете продемонстрировать не только уверенные знания основных инструментов дизайнера, но и свои работы.

Плюсы и минусы инфографики

Преимущества инфографики:

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

Недостатки:

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

Главное об инфографике в дизайне

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

Добавить комментарий