Презентация "Цвет и визуализация"
Добрый день всем заинтересованным коллегам!
Не секрет, что каждый из нас воспринимает мир по-своему. Я люблю искусство, преимущественно музыку. А вот визуальная сторона моего восприятия не находится в фокусе внимания. Чтобы ориентироваться в современных течениях и направлениях я прошла обучение в ГБНОУ ГДТЮ и хочу теперь поделиться своими мыслями на тему "Цвет и визуализация".
Скачать:
Предварительный просмотр:
Подписи к слайдам:
Привет! Я снова учусь, повышаю свою квалификацию на курсах в ГДТЮ «Аничков» Меня зовут Наталья Юрьевна Воронцова. Я педагог дополнительного образования ГБУ ДО ДДТ «Павловский»
О чем задумалась после курсов 01 В изуализация имеет огромное значение e 02 Я всегда знала, что цветовых оттенков множество, но… 03 В наше время цвет и форма стали наиболее важными для быстрого восприятия 04 Изменилось качество жизни детей 05 Наши дети изменились. 06 П едагоги должны быть на «гребне волны»
Визуализация имеет огромное значение . 01 Визуализация – представление информации наиболее удобным способом для усвоения зрителями. Известно почти полсотни видов представления информации с использованием визуализации! Здесь: Наглядные материалы. docx
02 А Вы знали? А Вы знали, что у цвета есть температура? Что есть разные системы обозначения цвета, и у каждого оттенка имеется даже свой номер? HEX , RGB – характеристики смесей красного, зеленого и синего цветов. HSV – тон, чистота и яркость цвета. И что каждый цвет имеет свое значение при п о лучении и запоминании информации?
Палитры цветов можно проверять на совместимость/ гармоничность Эксперимент Саноки и Сульман За 36 миллисекунд мы запоминаем 86% информации, особенно изображения с гармоничной трехцветной гаммой Черно-белое изображение запоминается хуже. Здесь :Программы проверки цветовых палитр. docx Цветовой круг Иттена
We will need: Scissors Thread Paint brushes Watercolor paint Paper and cardboard
Правила использования цветов Основные правила использования цвета - не использовать более трех-четырех цветов на одном листе; обеспечивать хороший контраст фигур (опорных сигналов) и фона; иллюстрировать одним цветом одинаковые положения, признаки понятий . Цвета Избегать комбинации красного и желтого, так как некоторые не могут их различать, и т.п. А также И еще немного Использовать цветовые ассоциации и эмоциональные характеристики, например, красным или оранжевым выделять указания, требующие обязательного выполнения, а черным – отрицательные или негативные последствия.
4 -6 Изменилось качество жизни детей Цифровизация В 8-11 лет почти каждый день интернетом пользуются 54 % детей, просматривая короткие видеоролики Клиповое мышление Восприятие информации фрагментарное , короткими кусками и яркими образами, несистемное Восприятие информации Детям крайне сложно читать или систематически работать над большими текстами Многозадачность, цепляющий и удерживающий внимание детей учебный материал, частые перерывы и переключения внимания Требованиявремени
Восприятие визуальной информации Лучше всего запоминается информация, расположенная в левом верхнем углу - 33 % внимания направлено туда Правому верхнему углу «уделяется» 28 % внимания, левому нижнему и правому нижнему соответственно 23 % и 16 % . Буква Z Существуют понятия комфортного зрения и предельного зрения . Так, при величине букв в 1 см предельное зрение равно 3 метра, а комфортное – 2 метра Факты Люди склонны полагать, что вещи, которые выглядят эстетичней , будут работать лучше, более удобные для использования. Заблуждения
Самое главное, наши дети должны любить и уметь учиться! Спасибо за внимание
Маленький спойлер - ЗАМЕТИЛИ дискомфортное оформление? This is where you section ends. Duplicate this set of slides as many times you need to go over all your sections.
Всем спасибо ! Do you have any questions? hello@mail.com 555-111-222 mydomain.com
Credits. Presentation Template: SlidesMania Sample Images: Unsplash Font used in this presentation: Caveat S emibold
Editable Icons.
Предварительный просмотр:
Государственное бюджетное учреждение дополнительного образования
Дом детского творчества Пушкинского района Санкт-Петербурга
«Павловский»
Методические рекомендации
по использованию информационного
образовательного продукта
«Особенности современного подхода
к принципу наглядности в работе
педагога дополнительного образования»
Автор:
Воронцова Наталья Юрьевна,
педагог ДО I категории
ГБУ ДО ДДТ «Павловский»
Куратор:
Леванина Яна Сергеевна, методист
РМЦ ГБНОУ «СПБ ГДТЮ»
Санкт-Петербург
2024
Аннотация
- Вид визуализации – презентация, созданная по готовому шаблону, выбранному в программе Slidemania.
- Цель информационного образовательного продукта (ИОП):
- Совершенствование профессиональной компетентности педагогов/методистов в области визуализации учебной информации, освоения приемов и методов использования визуализации в профессиональной деятельности;
- Выступление на методическом семинаре для информирования педагогов и методистов о современном уровне работы для обеспечения визуализации;
- Задачи ИОП.
- Актуализация представлений педагогов ДО о визуализации учебной информации - современный подход к соблюдению принципа наглядности в обучении);
- Ознакомление со спектром современных средств и инструментов визуализации, особенностями использования их в образовательном процессе;
- Содействие овладению педагогами умениями, связанными с применением современных средств визуализации;
- Информирование об источниках, позволяющих организовать интерактивные дидактические иатериалы.
- Функциональное назначение ИОП - методические рекомендации для повышения уровня информированности педагогов ДО в области визуализации учебного материала.
- Структура и краткое содержание ИОП.
Презентация состоит из 12 слайдов. На слайдах представлена информация о некоторых основных закономерностях визуализации, о сервисах для создания ИОП, наглядно продемонстрировано применение современных принципов визуализации.
Содержание
- Целевая группа пользователей - педагоги, методисты, учащиеся, родители;
- Актуальность/предпосылки использования. ИОП разъясняет важность современного осмысления и использования различных источников для создания дидактических материалов и использования их в педагогической деятельности на современном уровне;
- Презентация может быть использована в решении множества педагогических задач:
- обеспечения интенсификации обучения;
- активизациии учебной и познавательной деятельности;
- образного представления знаний и учебных действий;
- повышения визуальной грамотности и визуальной культуры;
- формирования и развития критического и визуального мышления, использования законов зрительного восприятия;
- выделения в учебном материале смысловых опорных пунктов (что способствует эффективному запоминанию);
- контроля полноты и характера усвоения переданной педагогом информации;
- анализу характера индивидуального восприятия (модальности ребенка) и структурирования учебной информации;
- концентрации внимания на чем-то важном;
- переключения внимания на другой объект;
- умения вызвать ассоциации;
- развития личностных качеств - способности к анализу и сравнению; тренировки внимательности и наблюдательности; формирования способности делать выводы и логические умозаключения; способности видеть и проводить аналогии, осознавать и обосновывать свою точку зрения, аргументировать свою позицию, закреплять изученный материал; развития воображения и фантазии;
- интегрирования новых знаний - связывания полученной информации в цело стную картину о том или ином явлении или объекте.
- Описание использования ИОП (описание обстоятельств использования).
При выступлении на методическом семинаре можно обратить внимание педагогов на то, что визуализация может быть использована на различных этапах занятия/мероприятия:
- На организационном этапе:
- При организации начала занятия;
- При создании психологического настроя на учебную деятельность;
- При активизации внимания.
- На проверочном этапе:
- При проверке и актуализации имеющихся знаний для подготовки к изучению новой
темы.
На подготовительном этапе:
- При сообщении темы, цели и задач занятия;
- При мотивации на учебную деятельность.
В основном этапе:
- При ознакомлении с новыми знаниями, умениями;
- При установлении осознанности усвоения знаний;
- При выполнении тренировочных заданий, упражнений на освоение и закрепление
знаний, умений, навыков;
- При формировании целостного представления знаний по теме.
На контрольном этапе:
- При выполнении тестовых заданий.
На итоговом этапе:
- При подведении итогов занятий;
- При формулировании выводов;
- При оценке работы на занятии, рефлексии;
- При определении перспективы следующих занятий.
При подготовке мероприятия:
- При планировании хода мероприятия;
- При разработке идеи, концепции;
- При оформлении идеи;
- Для сопровождения визуального ряда и т.д.
- Важность рассматриваемой темы.
- О наглядности говорил еще Ян Амос Коменский;
- в настоящее время из-за цифровизации, использования гаджетов детьми, произошло изменение в представлении и восприятии информации;
- существует множественный выбор современных бесплатных/условно бесплатных, а также платных онлайн/оффлайн программ, предоставляющих готовые шаблоны для создания ИОП;
- использование шаблонов готовых презентаций и других форм экономит время педагога, обеспечивает наиболее грамотный целенаправленный выбор способа визуализации излагаемого материала с учетом современного представления и восприятия визуальной информации, позволяет обеспечить комфортность (или намеренную дискомфортность) восприятия и возможность управления эффективностью усвоения представляемого детям учебного материала.
- Инструменты для создания современных дидактических материалов.
- Все виды широко известных наглядных материалов, можно получить теперь с использованием как традиционных инструментов, так и современных программ - для создания роликов, использования «гифок» (анимированных статичных картинок), «иконок» (чрезвычайно кратких, но емких изображений), создания интерактивных дидактических материалов (рабочих листов), тайм-лайнов (линий времени), карт ассоциаций (майнд мапс) и др.;
- Каждый педагог может перечислить огромное количество наглядных дидактических материалов, но теперь их наполнение может соответствовать современным научным принципам, что позволит захватить и удержать внимание ребенка, что позволит детям лучше запомнить увиденный материал.
- Образовательные результаты, которые позволяет достигать информационный образовательный продукт;
- обеспечения интенсификации обучения;
- активизациии учебной и познавательной деятельности;
- образного представления знаний и учебных действий;
- повышения визуальной грамотности и визуальной культуры;
- формирования и развития критического и визуального мышления, использования законов зрительного восприятия;
- выделения в учебном материале смысловых опорных пунктов (что способствует эффективному запоминанию);
- контроля полноты и характера усвоения переданной педагогом информации;
- анализу характера индивидуального восприятия (модальности ребенка) и структурирования учебной информации;
- концентрации внимания на чем-то важном;
- переключения внимания на другой объект;
- умения вызвать ассоциации;
- развития личностных качеств - способности к анализу и сравнению; тренировки внимательности и наблюдательности; формирования способности делать выводы и логические умозаключения; способности видеть и проводить аналогии, осознавать и обосновывать свою точку зрения, аргументировать свою позицию, закреплять изученный материал; развития воображения и фантазии;
- интегрирования новых знаний - связывания полученной информации в целостную картину о том или ином явлении или объекте.
- Технические требования к созданию и представлению продукта.
Для создания и представления продукта необходим компьютер с выходом в интернет и установленными программами для работы.
- Перечень используемых интернет-сервисов и ресурсов.
Сайты и ссылки для расширения кругозора (развития «насмотренности»)
- 1001 Fonts – библиотека шрифтов для личного и коммерческого использования.
- AI Background Generator stability-ai/stable-diffusion
- Flaticons – большая база иконок,созданная дизайнерами.
- Font Squirrel – база бесплатных шрифтов.
- Fontfabric – наборы бесплатных шрифтов.
- Fontspace – 93 тысячи бесплатных шрифтов.
- Fontstruct – создавайте свои собственные шрифты с нуля, пиксель за пикселем.
- Google Fonts – бесплатные высококачественные шрифты и иконки
- https://case.anichkov.ru/
- https://charts.livegap.com/
- https://dtcenter.ru
- https://dtcenter.ru/library/design_thinking
- https://fontawesome.com/ (условно бесплатный - самые популярные - символьные иконки
- https://fontello.com/
- https://fontello.com/ (бесплатный сервис, где можно выбрать иконки из предложенных и скачать пакетом).
- https://gifer.com/ru
- https://icomoon.io/ (бесплатные символьные иконки).
- https://otkritkis.com/gifki-sinemagrafiya
- https://themify.me/themify-icons (бесплатные символьные линейные иконки)
- https://thenounproject.com/ (бесплатный ресурс,можно найти как набор иконок, так и что-то по отдельности).
- https://unsplash.com/
- https://workproekt.ru/tools/sozdanie-diagramm/
- https://www.flaticon.com/ (условно бесплатный ресурс, можно скачать иконки в PNG бесплатно,однако SVG по платной подписке; в целом на портале очень много вариантов стикеров иконок и наборов).
- https://www.iconfinder.com/free_icons
- https://www.sberbank.com/promo/kandinsky/
- https://www.uprock.ru/articles/karty-empatii-pervyy-shag-v-dizayn-myshlenii.
- https://www.youtube.com/watch?v=jgDVe5Bj2z8
- https://yequalx.com/
- Midjourney
- Roundicons – наборы иконок
- Stability.Ai
- Stable Diffusion - a Hugging Face Space by
- The Noun Project – найдете простые черно-белые значки и глифы.
- Typecast – создавайте визуальные и семантические дизайны, которые ставят шрифт на первое место.
- Typekit – наборы премиальных шрифтов.
- Typelight – редактор шрифтов.
- Vecteezy – место для поиска векторных изображений.
- Webalys – онлайн-библиотека иконок
- What Font is – определитель шрифтов.
Сайты и ссылки для работы с цветом
- 0 to 2551.
- 0 to 255 — здесь вы сможете посмотреть все существующие оттенки выбранного цвета
- Adobe Color – сгенерируйте и сохраните различные цветовые схемы.
- Cohesive Colours — ресурс, на котором вы сможете сделать уже выбранное вами сочетание более гармоничным. Загрузите свою палитру на сайт, наложите на нее один цвет и отрегулируйте яркость
- Color Hunt – просмотрите тысячи комбинаций четырех цветов, пока не найдете подходящую.
- Color palette
- Color spase
- Color.adobe.com/create/color-wheel — сервис для подбора цветовой гаммы по цветовому кругу от Adobe
- Colorhunter.com — сервис для сбора палитры по картинке
- Colorlisa.com — цветовые палитры от известных художников мира
- ColorPick Eyedropper – позволяет выбирать значения цветов на веб-страницах (Chrome).
- Сolors.lol — интересные цветовые палитры по принципу 60−30−10, с названиями цветов
- Сolorscheme – создайте новое цветовое сочетание.
- Colorspark – генератор случайного цвета и градиента.
- ColorZilla – суперудобное расширение для выбора цветов с веб-страницы.
- ComponentsAl
- Contrastchecker.com — проверка контраста онлайн
- Contrast-ratio.com — подбор цвета шрифта к цвету фона, сразу показывают контраст
- Coolors — сайт, позволяющий сохранить палитру цветов, использованных в изображении
- Design You Trust – коллективный блог, полный дизайнерских портфолио
- Designspiration – доска вдохновения в стиле Pinterest, которой можно поделиться
- DM I design mag
- Dribbble место, где дизайнеры делятся своими самыми яркими работами
- https://bureau.ru/soviet/selected/masha-bulina/rabota-s-tsvetom/
- https://color.adobe.com/ru/create/color-wheel
- https://create.piktochart.com
- https://desygner.com/ru/
- https://freedesignresources.net/category/free templates/presentations/?roistat_visit=461899
- https://hislide.io/google-slides/
- https://nicepage.com/ru/shablony
- https://peetch.slidor.fr/?roistat_visit=461899
- https://powerpointstore.com/
- https://ru.smiletemplates.com/free/powerpoint-templates/0.htm
- https://show.zoho.eu
- https://slidemodel.com/templates
- https://slidemodel.com/templates/?roistat_visit=461899
- https://slidesgo.com/?roistat_visit=461899
- https://slidesmania.com/free-templates/?roistat_visit=461899
- https://t.me/designgoose
- https://t.me/dsgn_teacher
- https://t.me/dsgn_tochka
- https://t.me/dsgn_tutorial
- https://t.me/money_pop3
- https://t.me/prodisainn
- https://t.me/prostoiPP
- https://t.me/skillbox_media_education
- https://t.me/youdesigners
- https://templates.office.com/
- https://www.free-powerpoint-templates-design.com/
- https://www.powerpointbase.com/
- https://www.ppslides.com/
- https://www.slidescarnival.com/category/free-templates?roistat_
- https://zerum.ru/shablony-prezentacij
- In color balance
- Mobbin – библиотека из 50 000+скриншотов мобильных приложений с
- Multicolr
- One Page Love – оригинальная витрина одностраничных сайтов.
- OpenProcessing
- PaletteGenerator – создает цветовую палитру для любого изображения, которое вы найдете в интернете.
- Pantone.com/articles/color-of-the-year — цвета года
- Pattern Pad
- Pinterest.
- Tabbied
- The Color App – благодаря этой большой сетке поиск цветов становится намного проще.
- TinEye – определите свои цвета и найдите изображения с идеальной цветовой
комбинацией архитектурных вдохновений с возможностью поиска.