Методичка М3У1

1.

ГРАФИЧЕСКИЙ
ДИЗАЙН
ЗАНЯТИЕ 1

2.

Проверка связи
Отправь в чат «+»
Если ты видишь и слышишь меня
Отправь в чат «-»
Если нет изображения или звука

3.

Нейрогимнастика

4.

Проверка домашнего задания
Сложности с ДЗ
Что помешало?
Что вам понравилось?

5.

В чем отличие этих двух направлений?

6.

Графический дизайнер
Дизайн полиграфической
продукции
Мультимедиа (презентации)
Фирменный стиль и брендинг
Компьютерные игры
Социальные сети

7.

Информация

8.

Визуальная информация

9.

Разминка

10.

Инфографика
это графический способ подачи
информации, данных и знаний

11.

Майндкарты
это техника визуализации
мышления

12.

Цель урока
Изучить понятие и виды инфографики и
особенности ее построения
Изучить особенности ментальных карт,
а также способы их построения
Научиться строить инфографику и ментальные
карты

13.

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

14.

Инфографика
Содержательность
Смысл
Легкость восприятия
Сталкивались ли вы с
инфографикой?

15.

Инфографика
Инфографика самый древний вид
изобразительного искусства

16.

Инфографика
Основой инфографики являются пиктограммы
– условные изображения предметов, явлений
и идей.
Слово «пиктограмма» от слова «рисунок»
(pictus) и «запись» (gramma).
Какие пиктограммы
вы знаете?

17.

Инфографика

18.

Типы инфографики
Статичная
Динамичная

19.

Типы инфографики
Интерактивная

20.

Инфографика в учебе

21.

Инфографика в учебе
Инструкция
Памятка

22.

Инфографика в учебе
Плакат
Путеводитель

23.

Инфографика в учебе
Статистика

24.

Задание на закрепление
Где можно использовать
инфографику в школе?
Какую пользу несет
инфографика в современном
мире?

25.

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

26.

Задание на закрепление
Ответ: Инфографика инструкция

27.

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

28.

Задание на закрепление
Ответ: Инфографика - плакат

29.

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

30.

Задание на закрепление
Ответ: Статичный

31.

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

32.

Задание на закрепление
Ответ: Динамичный

33.

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

34.

Технология создания
3-й шаг – создайте фокус, то есть придумайте
историю, основную визуальную метафору,
вокруг которой будет строиться инфографика
Она должна быть простой и всем известной.

35.

«Топ-хлоп»
Правила:
Вы слышите фразы-понятия - правильные и
неправильные.
Если выражение верное, нужно хлопнуть, если не
правильное кулачком ударить по столу

36.

Задание
Переходим на сайта https://visme.co

37.

Задание
Регистрируемся через сервисы
Google
В открывшемся окне выбираем блок
«Infographics»

38.

Задание
И здесь находим «Get Started»
Откроется рабочее окно проекта

39.

Задание
Далее переходим в раздел «Photos»
и находим пункт «Giraffe» с
нейтральным фоном
Растягиваем изображение на всю
ширину

40.

Задание
Далее переходим в раздел «Basic» и
находим пункт «Header&Text»
нажимаем
Добавляем заголовок «Add a title»

41.

Задание
Дважды щелкаем на объект, чтобы
начать с ним работать
Шрифт – Alegreya
Размер – 72
Полужирный
Цвет - #414042

42.

Задание
Копируем текст ниже
Меняем:
- размер на 48
- цвет на #26a65b
А в тексте пишем «5-6 метров»

43.

Задание
Далее добавляем еще один блок и
пишем «достигает рост»
- размер на 24
- цвет на #414042

44.

Задание
Пишем оставшийся текст и
сдвигаем, как показано на рисунке

45.

Задание
Далее переходим в раздел
«Graphics» и в поисковике ищем
«giraffe»
Размещаем иконку и меняем ей цвет
на #452d21

46.

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

47.

Задание
или поделиться своим результатом через ссылку
Для этого нажимаем на «Share»
И публикуем работу «Publish»
А полученную ссылку копируем

48.

Перерыв 5 минут

49.

ГРАФИЧЕСКИЙ
ДИЗАЙН
ЗАНЯТИЕ 2

50.

Найди 10 отличий

51.

Ответ

52.

Ментальные карты
это техника визуализации мышления.
Применение
Зафиксировать, понять и запомнить
содержание книги или текста
Сгенерировать и записать идеи
Разобраться в новой теме

53.

Ментальные карты
Подготовка к контрольной
Творческие задания
Презентация
Планирование

54.

Ментальные карты
Центр
Ключевая идея, тема, проблема, задача
или название проекта
Лучше выделить её ярким цветом
и записать крупным шрифтом

55.

Ментальные карты
Первый уровень
Ключевые категории, подразделы,
ступени или главы, которые относятся
к центральной идее
Лучше всего давать им короткие
названия из 1–2 слов.

56.

Ментальные карты
Второй уровень
Раскрываем содержание названных
категорий, добавляем связанные
подтемы и понятия

57.

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

58.

Задание
Изучи карту
Сколько героев в книге?
Когда роман вышел?

59.

Неройрогимнастика
Возьмитесь левой рукой за кончик носа,
при этом правая держит левое ухо.
Уберите руки, хлопните в ладоши,
меняйте положение рук
(теперь левая рука держит правое ухо,
правая – кончик носа)

60.

Задание
Переходим на сайт
https://www.mindmeister.com/ru и
нажимаем кнопку
«Продолжить через Google»
Соглашаемся с условиями

61.

Задание
Придумываем название
Выбираем «Education»
И нажимаем «Далее»
Попадаем в рабочее окно

62.

Задание
Выбираем «Интеллект-карта»
Начнем создавать майндкарту

63.

Задание
Настройка стиля

64.

Задание
Составим Интеллект-карту (Майнд-карту) про Творчество Пушкина

65.

Задание
Составим Интеллект-карту (Майнд-карту) про Творчество Пушкина

66.

Задание
Создай интеллект-карту персонажей своего любимого мультика
Например, описание драконов
из мультика «Как приручить
дракона»

67.

Рефлексия
4 новых понятия, которые я узнал…
3 вещи, которые меня впечатлили …
2 вопроса, на которые я не получил ответа …
1 самая важная мысль - …

68.

Рефлексия

69.

Домашнее задание
Создай интеллект-карту по персонажам
сериала или игры (можно выбрать свободную
тему)
Можно от руки или в сервисе

70.

До следующего урока