Компьютерная Академия STEP IT - полноценное IT-образование‎ для взрослых и детей. Мы обучаем с 1999 года. Авторские методики, преподаватели-практики, 100% практических занятий.

Ваш браузер устарел!

Вы пользуетесь устаревшим браузером Internet Explorer. Данная версия браузера не поддерживает многие современные технологии, из-за чего многие страницы сайта отображаются некорректно, и могут работать не все функции. Рекомендуем просматривать сайт с помощью актуальных версий браузеров Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

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

STEP IT Academy

Цифровой Дизайн

17.01.2024

420 просмотров

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

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

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

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

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

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

     

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

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

                   

Сейчас инфографику упростили: она больше и понятнее — без карты города. Её проще воспринимать: например — человек на станции «Тракторный завод». Чтобы добраться до станции зелёной ветки «Алексеевская», нужно доехать до «Спортивной», и сесть в поезд зелёной ветки.

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

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

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

Если убрать текст и оставить картинки — статья потеряет пример. А если оставить хорошую инфографику без вступления и отчёта на 100 страниц — главное понятно, если инфографику собрали правильно.

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

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

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

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

Экономит деньги. Бывают примеры, с которыми бизнес платит меньше. Вроде инфографики компании IKEA. Картинками показали, как собирать мебель.

 

В инфографике нарочно не написали текст. Компания работает по всему миру. Если печатать текстовые инструкции для 70 стран и больше 10 языков — нужно здорово потратиться на бумагу, печать и переводчиков. 

В IKEA сделали проще — придумали инфографику без слов. Как собрать мебель поймут и в Украине, Великобритании или Японии.

Если бы в Lego писали текстовые инструкции — пришлось бы потратить немало денег на переводы и полиграфию. 

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

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

 

Вариант креатива зависит от аудитории и её потребностей. Пример на картинке работает на тех, кто знает компанию и её товары. Задача инфографики — показать, что покупать сейчас кофеварки и другую технику выгодно.

Рассказать просто о сложном. Опубликовать статистику — это половина работы. Ещё нужно сделать так, чтобы её запомнили, поделились и пересказывали другим. Или применили в жизни — вроде правил гигиены.

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

Дополнительно приложили календарь с советами: как часто чистить подушки, матрасы и одеяла. 

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

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

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

С чего начать и где вдохновляться

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

«Инфографика. Визуальное представление данных» Рэнди Крама. Автор описывает задачи инфографики в разных сферах, формулы и приёмы — как подавать информацию и прокачивать инфографику.

Проект Рэнди Крама Cool Infographics — на сайте собрали примеры инфографик из разных сфер: реклама, финансы, экология, торговля. Автор показывает — что в инфографике не так и как улучшить работу.

***

А если хотите делать инфографики для бизнеса и зарабатывать — приходите на курс «Цифровой дизайн» от IT STEP. По ссылке найдёте описание программы и график обучения.



АВТОР:

Редакция Компьютерной Академиии ШАГ

Мастер класс

Что такое дизайн мышление и как оно используется в современном дизайне

1. Что такое дизайн-мышление? 2. Как дизайн мышление используется в современном дизайне? 3. Как работает дизайн мышление в дизайне продуктов? 4. Преимущества дизайн мышления для бизнеса 5. Какие основные принципы дизайн мышления? 5.1. Понимание проблемы и сосредоточение на пользователе 5.2. Поиск и генерация идей 5.3. Создание прототипа 5.4. Итерации и тестирование 6. Примеры использования дизайн мышления 7. Как дизайнерам прокачивать дизайн мышление

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

ШАГ логотип

Мастер класс

Введение в UI дизайн: создание эффективных и привлекательных интерфейсов

1. Основные принципы UI дизайна 1.1. Принципы композиции 1.2. Работа с пространством и сеткой 1.3. Баланс и выравнивание элементов 1.4. Учет потока взгляда пользователя 2. Цветовая схема и использование цвета 2.1. Психология влияния цвета 2.2. Выбор цветовой схемы 2.3. Цвета для выделения и навигации 3. Типографика и читабельность 3.1. Выбор подходящих шрифтов 3.2. Размер и стиль шрифта 3.3. Читабельность текста на различных устройствах 4. Использование иконок и пиктограмм 4.1. Разработка и выбор подходящих иконок 4.2. Использование иконок для повышения понятности 5. Принципы успешного дизайна интерфейса 6. Как стать крутым UI дизайнером

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

ШАГ логотип

Пробный урок

Какие soft skills развивает изучение программирования

1. Развитие мышления 1.1. Аналитическое мышление 1.2. Поиск креативных решений проблемы 1.3. Логическое и структурированное мышление 2. Точность и внимательность к деталям 3. Коммуникационные навыки 4. Управление временем и планирование 5. Терпение и упорство 6. Адаптивность и гибкость 7. Креативность и инновационность 8. Перспективы развития Soft skills

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

ШАГ логотип

В мире трехмерного творчества: путеводитель для начинающих в 3D моделировании

1. Что такое 3D моделирование 2. Лучшие программы для работы с 3D моделированием 2.1. Autodesk Maya 2.2. Blender 2.3. Cinema 4D 2.4. 3ds Max 2.5. ZBrush 3. Требования к компьютерам для работы с 3D моделированием 4. Возможности работы в сфере 3D моделирования 5. С чего начать для изучение 3D моделирования

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

ШАГ логотип

Этот сайт использует Cookies

Политика конфиденциальности