Урок "Приклади, шаблони та поради з дизайнування інфографіки."

Тема уроку: Приклади, шаблони та поради з дизайнування інфографіки.

Клас: 10 (11)

Мета уроку (за принципами UDL):

•         Залучення: Створити зацікавлення учнів до вивчення інфографіки як ефективного засобу візуалізації даних, мотивувати до творчого застосування отриманих знань для вирішення практичних завдань.
•         Представлення: Забезпечити учнів різноманітними способами сприйняття інформації про дизайн інфографіки, враховуючи різні стилі навчання (візуальний, аудіальний, кінестетичний).
•         Дії та вираження: Надати учням гнучкі можливості для демонстрації своїх знань та навичок у дизайнуванні інфографіки, сприяючи розвитку критичного мислення, творчості та співпраці.

Тип уроку: Комбінований урок (вивчення нового матеріалу, закріплення знань та формування практичних навичок).

Обладнання: Комп’ютери з доступом до мережі Інтернет, проєктор, інтерактивна дошка, програмні засоби для створення інфографіки (онлайн-сервіси, графічні редактори).

Очікувані результати: Після уроку учні зможуть:

•         Визначати, що таке інфографіка та її призначення.
•         Розрізняти інфографіку від візуалізації даних.
•         Називати основні елементи та принципи дизайну, які використовуються в інфографіці (композиція, колористика, ергономіка, типографіка).
•         Аналізувати приклади інфографіки та виявляти ефективні дизайнерські рішення.
•         Використовувати шаблони та інструменти для створення власної інфографіки.
•         Оцінювати якість та ефективність інфографіки з точки зору її дизайну та доступності інформації.
•         Критично оцінювати інформацію, отриману з ШІ-інструментів, та етично їх використовувати.

Хід уроку:

І. Організаційний етап (5 хв) – Залучення (UDL: Варіанти залучення)

•        Привітання та перевірка готовності до уроку.
•        Актуалізація опорних знань:
  •        Запитання: «Що таке візуалізація даних?», «Які форми подання даних ви знаєте?», «Що таке дизайн та його основні елементи?».
  •        Обговорення: Як подання інформації у візуальній формі може полегшити її сприйняття.
•        Мотивація навчальної діяльності: Учитель демонструє кілька прикладів ефективної та неефективної інфографіки, пропонуючи учням поміркувати, у чому їхня різниця та важливість якісного дизайну для донесення ідей. Обговорення ролі медіаграмотності у виявленні неправдивих повідомлень та фейкових зображень, де візуальне представлення є ключовим.
•        Оголошення теми та мети уроку: Учитель чітко формулює тему та очікувані результати, акцентуючи на можливості вибору форм роботи та засобів досягнення мети, щоб кожен учень знайшов щось корисне та цікаве для себе.

ІІ. Основний етап (30 хв) – Представлення інформації та Дії

 (UDL: Варіанти представлення, Варіанти дій та вираження)

Рубрика «Вивчаємо» (Теоретичні відомості з різними варіантами представлення – 15 хв) Учитель використовує комбінацію методів: презентація, відеофрагменти, текстові матеріали, інтерактивні вправи. Основні поняття виділені контрастним кольором та візуалізовані схемами.

•        Що таке інфографіка?
  •        Інфографіка — це графічне візуальне подання інформаційних даних або знань, призначених для швидкого й чіткого відображення комплексних даних. Вона потрібна, коли складні дані потрібно доступно викласти широкій аудиторії.
  •        Відмінності від візуалізації даних: Візуалізація даних є автоматичною генерацією з набору даних, тоді як інфографіка — це ручна робота із залученням дизайнера, що повністю залежить від конкретного набору даних і має на меті ілюструвати висновки авторів. Візуалізація передує інфографіці.
•        Основні елементи та принципи дизайну інфографіки:
  •        Дизайн- процес художнього й технічного проєктування. Елементами дизайну є: крапка, лінія, форма (фігура), рух, колір, візерунок, текстура, простір, шрифт.
  •        Композиція- узгодження складових об'єкта для привабливості та функціональності; створення відчуття цілісності.
  •        Колористика- наука про колір та його сприйняття. Важливо використовувати контрастний текст і тло для кращого читання. Можливість використання градієнтів та яскравих кольорів.
  •        Типографіка- застосування нестандартних оригінальних шрифтів, великих заголовків, креативного розміщення тексту.
  •        Ергономіка-вивчення умов праці для створення комфорту та безпеки користувача. Інфографіка має бути лаконічною, чіткою, швидкою у сприйнятті, інтерактивною, адаптивною та доступною.
•        Етапи створення інфографіки (загальні): Визначення мети, збір та аналіз даних, розробка структури, вибір візуального стилю, створення інфографіки, оцінка ефективності.
•        Приклади та шаблони інфографіки: Демонстрація різноманітних типів інфографіки (наприклад, "Портрет українського ІТ-спеціаліста") та доступних онлайн-шаблонів, використовуючи посилання з джерел.
  •        UDL підтримка: Візуальні приклади, пояснення термінів простою мовою, можливість ставити запитання, доступ до додаткових матеріалів

Рубрика «Діємо» (Практична робота з гнучкими завданнями та підтримкою – 15 хв)

•        Завдання: Створити фрагмент інфографіки або адаптувати наявний шаблон, використовуючи дані на задану тему. Тема може бути обрана учнями самостійно з запропонованих варіантів (наприклад, "Мій ідеальний навчальний день", "Етапи розвитку ШІ", "Правила кібербезпеки") або надана вчителем.
  •        Варіант 1 (Базовий рівень): Створити просту лінійну інфографіку, використовуючи один з онлайн-шаблонів, з мінімальною кількістю елементів.
  •        Варіант 2 (Достатній рівень): Створити інфографіку, яка поєднує текст, зображення та прості діаграми, з дотриманням базових принципів дизайну.
  •        Варіант 3 (Високий рівень): Розробити концепцію інфографіки на складну тему, згенерувати ідеї за допомогою ШІ-інструментів, створити детальний макет або фрагмент інфографіки, пояснюючи вибір дизайнерських рішень.
•        Інструменти: Учні можуть обирати інструменти за власним бажанням: графічні онлайн-редактори, презентації, текстові процесори з функціями графіки, або спеціалізовані онлайн-сервіси для інфографіки (Canva,Ganially).

•        Форма роботи: Індивідуальна, у парах або малих групах (залежно від рівня складності завдання та потреб учнів).
•        UDL підтримка:
  •        Гнучкість використання: Можливість обирати завдання, інструменти, формат роботи.
  •        Терпимість до помилок: Учитель заохочує учнів експериментувати, не боятись помилок, а використовувати їх для навчання та вдосконалення. Програмне забезпечення з підказками (якщо доступно).
  •        Малі фізичні зусилля: Забезпечення комфортних робочих місць, зручних інтерфейсів програм, можливість зміни розміру шрифтів в обраних інструментах.
  •        Доступність: Надання додаткових ресурсів та індивідуальних консультацій за потреби.

ІІІ. Заключний етап (10 хв) – Вираження та Рефлексія

(UDL: Варіанти вираження, Варіанти зворотного зв'язку)

Рубрика «Обговорюємо» (5 хв) – Рефлексія та зворотний зв'язок

•        Презентація та обговорення результатів: Учні демонструють свої фрагменти інфографіки або концепції. Акцент на обговоренні прийнятих дизайнерських рішень, а не лише на кінцевому продукті.
  •        Запитання: «Які принципи дизайну ви намагалися врахувати?», «Які інструменти були найзручнішими?», «Які складнощі виникли та як їх вирішили?», «Чи доцільно використовувати ШІ для створення інфографіки?».
•        Підбиття підсумків: Учитель узагальнює основні ідеї, висвітлені на уроці, та робить висновок про важливість якісної інфографіки в інформаційному суспільстві.

Рубрика «Питання для самоперевірки» (2 хв) – Самооцінка

1. Що таке інфографіка і в чому її основне призначення?
2. Яка різниця між інфографікою та візуалізацією даних?
3. Назвіть 3-4 ключові принципи дизайну, важливі для створення інфографіки.
4. Які переваги та ризики використання ШІ-інструментів у дизайнуванні інфографіки?
5. Як ви оцінюєте власні навички у створенні інфографіки після цього уроку?

Домашнє завдання (3 хв):

•        Завершити створення інфографіки на обрану тему, використовуючи отримані на уроці знання та інструменти.
•        Варіант 1 (Обов'язковий): Опублікувати створену інфографіку (або її макет) на спільному ресурсі (наприклад, Google Drive, Padlet) та надати доступ учителю.
•        Варіант 2 (Творчий, за бажанням): Скласти рекомендації щодо виявлення фейкових інфографік у соціальних мережах, спираючись на вивчені принципи дизайну та медіаграмотності.
•        UDL підтримка: Завдання формулюються чітко, з можливістю вибору формату виконання (зображення, посилання на онлайн-проєкт, текстовий опис).