Основы педагогического дизайна

Основы педагогического дизайна

Педагогический дизайн -

различные виды проектировочной деятельности, цель которой с помощью различных компонентов (ЭОР) сделать заданное учебное пространство удобным и гармоничным

Педагогический дизайн - процесс проектирования учебных материалов

1. Анализ

2. Проектирование

3. Разработка

4. Применение

5. Оценка и корректировка

За что отвечает педагогический дизайнер?

• Анализ аудитории, для которой создается ресурс
• Анализ компетенций и ожидаемых результатов при использовании ресурса
• Анализ и структурирование учебного материала
• Разработка стиля оформления учебного материала
• Определение методов работы с ресурсом
• Разработка методов оценки ЗУН, полученных при работе с ресурсом
• Оценка эффективности предлагаемой разработки
• И т.д.

Состав творческой группы:

2. Педагогический дизайнер

1. Руководитель

проекта

Отбор материала, определение методических подходов использования ресурса

Общее руководство на всех этапах

Перевод материала в электронный формат, создание ЭОР, тестирование и отладка

Разработка интерфейса, определение навигации

3. Художник

4. Программист

Реалии современного образования – сочетание всех

4-х ролей одним человеком (преподавателем) , причем не всегда имеющим высокий уровень ИКТ - компетентности (а это сегодня норма профессионального стандарта педагога)

Некоторые полезные советы и пожелания по вопросам проектирования и создания ЭОР

Выбор цветовой палитры

• Черно-белые изображения выглядят плохо, т.к. используется только 6 градаций серого цвета
• Черно-белые изображения выглядят плохо, т.к. используется только 6 градаций серого цвета
• Черно-белые изображения выглядят плохо, т.к. используется только 6 градаций серого цвета

Текстовая информация

• Броский заголовок, дополняющий основной рисунок или поясняющий возможности и особенности страницы
• Заголовок должен быть кратким, понятным, этически и эстетически корректным

Принципы:

• все заголовки первого уровня должны выглядеть одинаково;
• весь обычный текст должен выглядеть одинаково;
• заголовки первого уровня должны отличаться от обычного текста.

Способы получения контраста:

• полужирным выделяется часть текста, которой придается особое значение;
• курсивом выделяются специальные термины, особенно если они встречаются первый раз;
• полужирный курсив , как правило, используется для заголовков;
• подчеркивание использовать не рекомендуется.

Контраст и дисгармония

1. Белый медведь на северном полюсе и черная кошка в темной комнате – это примеры предельно неудачного выбора контраста.

2. При создании ЭОР контраст служит для выполнения двух важных задач:

• облегчает восприятие информации (черный текст на белом фоне или желтый текст на синем фоне); разграничивает различные элементы страницы: заголовки от основного текста
• облегчает восприятие информации (черный текст на белом фоне или желтый текст на синем фоне); разграничивает различные элементы страницы: заголовки от основного текста
• облегчает восприятие информации (черный текст на белом фоне или желтый текст на синем фоне);
• разграничивает различные элементы страницы: заголовки от основного текста

• Контраст не должен выглядеть глупо, быть кричащим, как на приведенном примере.
• В контрасте не должны смешиваться разные сигналы для пользователя.

Выбор шрифта

• Шрифты старого стиля
• Модерн
• Шрифты без засечек
• Рукописные
• Декоративные
• Символьные

Проблема:

никогда нет уверенности в том, что выбранный шрифт установлен на компьютере посетителя.

Шрифты старого стиля ( oldstyle )

• хорошо читаются на бумаге, наклонные засечки, умеренные переходы штрихов, небольшой наклон влево
• Times Roman, Garamont

Модерн ( modern )

• используются очень большие переходы штрихов, наклон – вертикальный, засечки – горизонтальные ;
• в ыглядит более холодным и механистическим ;
• Bodoni, Elephant, Georgia .

Шрифты без засечек ( Sans Serif )

• нет засечек, переходов штрихов, наклона;
• читаются хуже, чем с засечками;
• Arial, Helvetica .

Рукописные ( Script )

• читаются плохо, используются для различных приглашений;
• Zaph Chancery .

Декоративные ( Decorative )

• привлекают внимание, но читаются плохо;
• Matisse ITC .

Советы для выбора цвета:

• Выбирайте сочетающиеся цвета. Как правило, цвета, вместе встречающиеся в природе, - сочетаются.
• Цвета фона должны сочетаться с цветами изображений.
• Между текстом и фоном должен быть контраст.
• Лучше темный цвет на светлом фоне, чем наоборот.
• Цвета должны контрастировать, но не дисгармонировать.
• Изображения для фона должны быть очень светлые со слабым контрастом.

Цветоведение – наука о цвете.

Каждый цвет способен создавать определенное настроение: красный, оранжевый, желтый и их оттенки человеческий глаз воспринимает как теплые, синий и фиолетовый – как холодные.

У зеленого цвета есть холодные и теплые оттенки. В композиции главную роль, как правило, играют теплые и светлые тона, а темные и холодные – подчиненную.

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

Серый, белый и черный фон часто создают приятное впечатление, но: белые предметы на светлом фоне пропадают; бежевые цвета теряются на сером фоне. Черный фон в сочетании с красным выглядит очень агрессивно.

Кнопки и команды переходов

• не только и не столько украшают ЭОР, но обеспечивают его гипертекстовую связь с внешним миром.

• Не стоит увлекаться числом кнопок, придерживайтесь числа Мюллера 7  2

Помните о доминанте – это композиционный центр

Для выделения доминанты используйте:

• Для выделения доминанты используйте:
• Для выделения доминанты используйте:

• Группирование элементов
• Группирование элементов
• Группирование элементов

в одном месте;

• в одном месте;
• в одном месте;

• Укрупнение плана; Цветовой акцент; Световой акцент; Контраст; Форма; Жесткое кадрирование
• Укрупнение плана; Цветовой акцент; Световой акцент; Контраст; Форма; Жесткое кадрирование
• Укрупнение плана;
• Цветовой акцент;
• Световой акцент;
• Контраст;
• Форма;
• Жесткое кадрирование

Количество элементов

• каждый 1/9 объема
• приблизительно должно быть равно числу Мюллера 7  2 .
• больше – возникает ощущение перегруженности, меньше – скучно смотреть

Основные принципы построения композиции:

• Объединение объектов композиции по однородным признакам, форме, цвету, текстуре и т.д.
• Соблюдение закона ограничения в материале, деталях, цвете, форме (не больше трех).
• Основа статичной композиции – симметрия.
• Группировка объектов (по 2-3 объекта, а не смешанная куча!).
• Обеспечение свободного пространства между группами.
• Подчеркивание субординации объектов (на почетное видное место помещают самые важные объекты).
• Соблюдение оптического равновесия путем определенного размещения крупных, темных предметов относительно малых, светлых.
• Главное – чувство меры, здравый смысл и соответствие формы содержанию!