Инфографика

Текст vs. инфографика

Cервисы создания инфографики

Fotor (русскоязычный) Инструкция (видео)

Desygner Пример Your home and beyond

Elty Пример 

Venngage (русифицированный интерфейс, до 5 проектов в бесплатном аккаунте, можно вставить видео, опрос) Пример 7 graphic design trends

Canva (с 2022 г. не доступен на территории РФ) Пример "О пользе детского чтения"

Pictochart (бесплатно 5 проектов) Пример Social media Vocabulary (link) Сказка "Теремок"

Genial.ly Пример L.Shchipitsina "Present Perfect" (link) Пример 2. М.А. Орешко Кто живет в Мурманской области?

Easel.ly (бесплатно 20 шаблонов) 10 примеров с шаблонами URL

Infogram.com (бесплатно 10 проектов) Пример Remote work

Snappa (бесплатно 3 скачивания в месяц) Пример "Забавные факты о животных"

Visme (ограничений по количеству проектов нет, но в бесплатном аккаунте до 100 Мб загруженных изображений) Пример How to price art

Flyvi Пример Государственный музей-заповедник Петергоф

Wilda (российский сервис)

Prezi (бесплатно 5 проектов) Пример "Как не впасть в депрессию" 

BioRender (бесплатно 5 проектов, инфографика для естественных наук)

Supa (русский, шаблонов инфографики немного) Past Perfect Link

Как создавать инфографику

1) Продумывание структуры - основной темы и ее составляющих. Поиск статистики, цитат, фото.

2) Регистрация в выбранном сервисе. Выбор шаблона.

3) Внесение своих данных в шаблон. Можно открыть совместное редактирование и выслать ссылку команде для совместной работы

4) Проверка итогового варианта. Скачивание или копирование ссылки на инфографику

Подробная инструкция по созданию инфографики в Venngage от М.А. Орешко 

Инструкция по созданию инфографики в Visme

Инструкция по созданию инфографики в Esel.ly

Инструкция по созданию инфографики в PictoChart

Советы по созданию инфографики

•Не перегружайте инфографику текстом. Основную информацию несёт изображение.

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

•Уберите элементы, не несущие смысловой нагрузки - они затрудняют восприятие. Каждая линия, стрелка или значок должны нести смысл.

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

•Выстраивайте чёткую и логичную структуру там, где это возможно. Наиболее важные компоненты или крупные группы поместите по центру.

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

•Используйте общедоступную символику и картинки. Они должны быть интуитивно понятны вашей аудитории, вызывать у неё стойкие ассоциации. Например, красный цвет –запрет, призыв к осторожности или знак опасности. В инфографике - чего-то недостаточно (значение ниже нормы).

•Оформляйте все элементы инфографики в одном стиле.

Требования к инфографике

Инфографика должна быть:

-понятной;

-лаконичной;

-хорошо структурированной: иметь заголовок и элементы, состоящие из текста, иконок, фото и мультимедиа;

-хорошо читаемой;

-выполненной в едином стиле.

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

Обложки книг

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

Renderforest (в бесплатном аккаунте 100 МБ пространства, скачивание графики возможно в низком качестве) Пример 1

Placeit (создание обложки бесплатно, скачивание дизайна платное) Пример 2

 Visme Пример 3 (просмотр после регистрации)

Desygner Пример 4

3Dcoverdesign 3Д версия готовой обложки (без регистрации) Пример 5

Рефлексия об инфографике

Рефлексивная анкета об инфографике (ссылка forms.yandex.ru/u/62596bc735712684b9185698/ )

Литература об инфографике

1) Виды инфографики // Блог о визуальной грамотности. 2020. vizual.club/2020/06/15/vidy-infografiki/ (в настоящее время ресурс удален).

2) Гапешин Д. Что такое инфографика? 5 сервисов для её создания // Skillbox. 2022.  skillbox.ru/media/design/chto_takoe_infografika_5_besplatnykh_servisov_dlya_eye_sozdaniya/ 

3) Жигулина О. Infogr.am — красивый сервис для фанатов инфографики // vc.ru. 30.01.2013.  URL

4) Карпова В. Идеи для инфографики. Как сделать инфографику в Canva? // Блог Виктории Карповой. 23.04.2020. URL

5) Ким Н.С. Инфографика как средство когнитивной визуализации на уроках иностранного языка (английский язык) в старших классах // StudNet. 2021. №5. URL 

6) Обидина Е.В. Применение современных информационных технологий при подготовке инфографики для учебных занятий в школе: дис. … магистра. Бийск, 2020. 83 с. URL

7) Орешко М.А. Инфографика // ИКТ-мастерилки: сайт. ikt-masterilki.ru/category/infographic/ 

8) 10 Great Examples of Infographics for Education + Tutorials // Easel.ly: blog. 4.11.2015, corrected 8.12.2020. URL