PRO-progress11-15

1.

ПРОПрогресс
День 1

2.

Научный визуализатор
2

3.

«ЯЗЫК, ПОНЯТНЫЙ ВСЕМ — ОТ ТЕКСТА К ИНФОГРАФИКЕ»
«Где вы встречали инфографику в жизни?»
Новости, соцсети,
реклама, инструкции,
упаковка
«Чем схема лучше длинного текста?»
Быстрее понять, легче
запомнить, видна
структура
«А когда текст всё же нужен?»
Для деталей, юридических
документов,
художественного текста

4.

«ЯЗЫК, ПОНЯТНЫЙ ВСЕМ — ОТ ТЕКСТА К ИНФОГРАФИКЕ»
•Столкновение воздушных
масс: Теплый, влажный воздух
у земли встречается с
холодным, сухим воздухом,
образуя мощный грозовой
фронт.
•Образование вихря
(мезоциклона): Разница в
температуре и скорости ветра
(сдвиг ветра) заставляет
воздушные потоки вращаться
горизонтально.
•Вертикальное закручивание:
Восходящие потоки теплого
воздуха поднимают
горизонтальный вихрь, меняя
его направление на
вертикальное.
•Формирование воронки:
Вращение ускоряется, воронка
опускается из грозового
облака к земле, образуя
разрушительный торнадо
4

5.

Разбор текста: находим ключевые элементы

6.

Создание инфографики в Figma
6

7.

Только картинки, без слов —
универсально для всех стран
7

8.

Много текста, мелкий шрифт — кто это прочитает?
8

9.

«Какая инструкция самая понятная? Почему?»
«А какая самая непонятная? Что в ней не так?»
«Хорошая инструкция не заставляет
думать — она ведёт за руку.
Плохая инструкция — оставляет
вопросы».
9

10.

КВИЗ
10

11.

Раунд 1. Угадай инструкцию по картинкам
Как открыть бутылку
11

12.

Раунд 1. Угадай инструкцию по картинкам
Как сделать скриншот
12

13.

Раунд 1. Угадай инструкцию по картинкам
Как заварить чай
13

14.

Раунд 1. Угадай инструкцию по картинкам
Как завязать шнурки
14

15.

Раунд 1. Угадай инструкцию по картинкам
Как открыть дверь ключом
15

16.

Раунд 2.
Угадай по тексту
16

17.

Раунд 2. Угадай по тексту
«Возьми цилиндрический объект прозрачного
цвета. Наполни его на 80% жидкостью из
вертикального контейнера с узким горлом»
Как налить воду в стакан
17

18.

Раунд 2. Угадай по тексту
«Надави на сенсорную панель большим пальцем.
Затем перемести палец вверх на 5 см, не
отрывая от поверхности»
Как листать ленту в телефоне
18

19.

Раунд 2. Угадай по тексту
«Возьми два гибких шнура. Сформируй петлю.
Пропусти один конец через петлю. Затяни»
Как завязать шнурки
19

20.

Раунд 3.
Найди ошибку в инструкции
20

21.

Раунд 3. Найди ошибку в инструкции
1. Возьми бутылку.
2. Открути крышку по часовой стрелке.
3. Налей воду.
Крышку откручивают ПРОТИВ часовой стрелки
21

22.

Раунд 3. Найди ошибку в инструкции
«1. Открой приложение.
2. Нажми на красную кнопку.
3. Готово!»
Какое приложение? Что за кнопка?
Ничего не понятно.
22

23.

5 ПРИЗНАКОВ ХОРОШЕЙ ИНСТРУКЦИИ
1. ПОСЛЕДОВАТЕЛЬНОСТЬ — шаг 1 → шаг 2 → шаг 3
2. НИКАКОЙ "ОЧЕВИДНОСТИ" — объясняем даже то, что кажется само
собой разумеющимся
3. ЕДИНЫЙ ЯЗЫК — одинаковые иконки, цвета, стрелки на всех
шагах
4. БЕЗОПАСНЫЕ ОШИБКИ — указание,
важно)
что НЕ надо делать (если
5. ПРОВЕРКА НА ДРУГОМ — прочитай инструкцию соседу
23

24.

МАСТЕР-КЛАСС «Инструкция в картинках»
24

25.

«Создаем инструкцию»
25

26.

ПРОПрогресс
День 2

27.

Город, который мы улучшим!
Пакеты
Бутылки
Не
сорить
Не рвать Не пугать
цветы
животных
Бумажки
27

28.

Город, который мы улучшим!
• Мониторинг и охрана лесов (например, для контроля
состояния лесов используются космический мониторинг)
• Сохранение редких видов животных. (например, технологии
помогают в работе с животными, находящимися под угрозой
исчезновения, их повадки, перемещение)
• Агротехнологии для устойчивого сельского хозяйства.
( GPS, датчики, картирование урожайности и другие
технологии для оптимизации расхода удобрений, воды и
средств защиты растений)
• Управление отходами. (Цифровые технологии, такие как
интернет вещей (IoT), аналитика данных, искусственный
интеллект,
применяются
для
оптимизации
процессов
сортировки и переработки отходов)
• Умные
города.
Интеграция
технологий
в
городскую
инфраструктуру позволяет более эффективно управлять
энергопотреблением, транспортными потоками и отходами,
что делает города более экологичными и комфортными для
проживания.
28

29.

ЭКО-инженер
Инженер-эколог —
специалист, который
работает на стыке инженерии
и экологии. Его задача —
обеспечить баланс между
технологическим прогрессом
и сохранением окружающей
среды.
29

30.

МК с бумагой и карандашами:
«Нарисуй паспорт своего растения».
Делаем мини-книжку.
30

31.

Презентация в PowerPoint,
"Паспорт растения"
31

32.

Выращиваем своё растение
32

33.

Tinkercad
создаем 3д модель горшка для своего растения, а также табличку
с именем
33

34.

«Эко-шоу проектов»
34

35.

ПРОПрогресс
День 3

36.

Что такое цифровой мир и зачем его проектировать

37.

«МК Макет города»
37

38.

Minecraft Education
Проектируем удобное пространство
38

39.

MagicaVoxel
Детали важны…
39

40.

ПРОПрогресс
День 4

41.

НАВИГАЦИЯ КАК СИСТЕМА
41

42.

Tinkercad
Создание карты района в Tinkercad
42

43.

Проектирование комнаты мечты в
SketchUp
43

44.

«МИНИ-ВЫСТАВКА АРХИТЕКТУРНЫХ ПРОЕКТОВ»
44

45.

ПРОПрогресс
День 5

46.

Мечты/Деньги/Цели
«Банковский сертификат
мечты»
46
46

47.

Робототехника
Создаем сейф
47

48.

Tinkercad
Создаем собственную монету
48

49.

ПРОПрогресс
День 6

50.

Game-дизайнер. Придумываем игру
50

51.

Некоторые специализации геймдизайнеров:
1.Дизайнер игровых механик — разрабатывает правила игры,
придумывает геймплей и сеттинг.
2.Левел-дизайнер — отвечает за архитектуру и устройство уровней,
создаёт игровое пространство: локации, миссии, окружение.
3.Нарративный дизайнер — пишет сюжет игры и диалоги персонажей,
но его задача — вписать историю в геймплей так, чтобы игрок
проживал сюжет, а не читал тексты между экшен-сценами.
51

52.

Концепция игры
Цель, герой, препятствия и правило победы.
52

53.

Game-artist
Это специалист в индустрии видеоигр,
который отвечает за создание визуальной составляющей игры:
дизайн персонажей, окружения, объектов, текстур, анимацию,
элементы интерфейса и визуальные эффекты.
Эта профессия объединяет навыки графического дизайна,
иллюстрации и
визуального искусства в контексте разработки компьютерных
игр.
53

54.

ПРОПрогресс
День 7

55.

Constract: изучаем, создаем,
управляем, тестируем
55

56.

Перекрестное тестирование
56

57.

ТУРНИР
57

58.

ПРОПрогресс
День 8

59.

UX/UI-инженер
Откройте на телефонах два любых приложения.
Первое — то, которым вы часто пользуетесь и
которое вам нравится.
Второе — то, которое вас бесит.
За 2 минуты найдите: в чём разница? Что делает
первое удобным, а второе — раздражающим?
59

60.

Принципы хорошего интерфейса:
Принцип
Что значит
Пример
1. Понятность с первого
взгляда
Пользователь за 3
секунды понимает, что
это и куда нажимать
Крупная кнопка
«Записаться»
2. Минимум шагов до
цели
Чем меньше кликов — тем
лучше
3 клика вместо 10
3. Обратная связь
Приложение говорит «да,
я сделал»
Уведомление «Успешно!»
4. Прощение ошибок
Можно отменить,
исправить, вернуться
назад
Кнопка «Назад»,
«Отменить»
60

61.

Рисование
«Каркас интерфейса в
Figma»

62.

Презентация своих работ:
Фото, ссылки, доработки
62

63.

ПРОПрогресс
День 9

64.

Даем Unreal?
64

65.

ПРОПрогресс
День 10

66.

Презентация для закрытия смены.
Тестируем игры для демонстрации
родителям.
66

67.

СПАСИБО
ЗА ВНИМАНИЕ!