5. Создание инфографики

👩‍💻 Автор: Яна Редькина, студент факультета бизнес-коммуникаций и информатики Иркутского государственного университета.

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

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

📚 Шаблоны инфографики

Перейдите во вкладку «Шаблоны»
Введите в поиске «инфографика»
Выберите подходящий шаблон

🛠 Советы:

Начинайте с простого макета
Замените текст и иконки под свою тему
Удалите лишние элементы

🧱 Добавление блоков и структуры

Если вы создаёте инфографику с нуля:

Используйте фигуры как блоки (круги, прямоугольники)
Добавьте стрелки и линии для логики и направления
Расположите блоки в удобном порядке (по этапам, категориям и т.п.)

🧩 Иконки и визуальные метки

Перейдите во вкладку «Элементы»
Найдите подходящие иконки по теме (например: «время», «график», «человек»)
Перетащите на холст и измените размер/цвет

Иконки упрощают восприятие и заменяют длинные фразы.

💡Все иконки доступны только в Pro версии, но можно добавлять собственные скачанные иконки, но стоит учитывать, что на данный момент Flyvi не поддерживает формат SVG

📈 Построение простых графиков

Flyvi.io поддерживает построение графиков, которые можно настраивать вручную:

Перейдите во вкладку «Элементы»
Выберете подходящий вам график (круговая, столбчатая диаграмма и т.д.)
Можете настраивать данные и внешний вид графика

📈 Еще пример построения простой столбчатой диаграммы

🚹Построение пиктограмм

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

Настройка цвета у пиктограмм:

✅ Задание к уроку

Создайте инфографику на тему по выбору (например: «Мои привычки», «Статистика соцсетей», «План урока»):

Используйте минимум 3 блока/фигуры (например: заголовок, диаграмма, факт);
Добавьте иконки
Примените разные цвета для визуального разделения элементов (например: выделите фон блоков, цвета текста или обводки — чтобы отделить один смысловой блок от другого)
Вставьте короткие поясняющие тексты
При желании — начните с шаблона

❓ Вопросы для самопроверки

Как найти шаблоны инфографики?
Чем иконки помогают восприятию информации?
Как создать простую схему из фигур?
Что можно изобразить с помощью пиктограмм?

📦 В следующем уроке: адаптируем контент под соцсети и создадим Stories и посты.