Разработка электронных образовательных ресурсов: графика и дизайн - Учебно - методическое пособие (Темников Д.А.)

Приложение 1:

Примеры построения интерфейсов ЭОР Перед  тем  как  мы  представим  примеры  интерфейсов  электронных образовательных  ресурсов,  хотелось  бы  подчеркнуть,  что  обстановка  на

экране и          способы          взаимодействия         с          мультимедиа-системой        должны

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

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

 

 

Структура интерфейса ЭОР «Энергетика живой клетки» для10-11 классов.

Графическая идея: Синтез растительного (фон – структура листа)

и животного мира (фрагмент крыла бабочки)

 

 

Структура интерфейса ЭОР «Введение в политологию»  для студентов.

Графическая идея: Пустое тканое полотно как чистый лист для отображения истории

 

Структура интерфейса ЭОР «Практикум палеонтологии» для студентов.

Графическая идея: Окаменелости (трилобиты в камне) – связь современной науки с далеким прошлым нашей планеты (реконструкция древнего морского дна)

Структура интерфейса ЭОР «Охрана прав потребителей» для студентов.

Графическая идея: Охрана прав потребителей – важнейший вопрос юриспруденции.

 

 

Структура интерфейса ЭОР «Право интеллектуальной собственности»

для студентов.

Графическая идея: Авторство на интеллектуальное наследие всемирно известного изобретателя (использован набросок Леонардо да Винчи).

 

Структура интерфейса ЭОР «Исполнительное производство» для студентов.

Графическая идея: Ежедневник, делопроизводство

 

 

Структура интерфейса ЭОР «Почвоведение» для студентов.

Графическая идея: Почва – основа жизни

 

Структура интерфейса ЭОР «Геофизические методы исследования земной коры» для студентов. Графическая идея: открытие загадок земных недр

 

Структура интерфейса ЭОР «Путешествие в страну «Политика» для 10-

11 классов. Графическая идея: Сказка, fantasy, путешествие

(в графике интерфейса использован классический русский орнамент IX века)

 

 

Структура интерфейса ЭОР «Основы геологии» для студентов. Графическая идея: Геология изучает окружающий нас мир Земли (ландшафт)

 

Приложение 2: Тематическая авторская графика в образовательных программах[16]

Мы уже отмечали, что дизайнер, при разработке визуальных образов, учитывает их связь с образовательным контентом выбранной дисциплины. В данном Приложении приводятся примеры контекстно-ориентированной авторской графики.

 

 
Коллаж  к теме «Европейская политическая

мысль XX                  века». Графическая   идея: Единая             Европа показана                  через знаменитые достопримечатель- ности.                  Символ прогресса                             – виниловый               диск,

«Европа»,       как носитель

«политической мысли»

 

 
Коллаж           к

теме

«Политическая мысль          Востока». Графическая         идея: Разные политические течения                                             стран Востока                        (Японии, Индии      и                      Китая) сходятся  на  этом экране в                        единое целое.                                 Страны также                        показаны через

достопримеча-

тельности

 

 
Коллаж

«Вооруженные

силы   России»          к теме

«Государство» имеет воспитательный аспект. Через показ передовой военной техники  у  зрителя рождается

чувство  гордости за свою страну (эффект парада)

 

 
Открывающи

й          экран                к творческим заданиям. Графическая       идея: новый              взгляд на известные   вещи   и факты. Использована картина                 Леонардо да                                       Винчи

«Джоконда».

 

 
Коллаж                       к теме «Глобальные проблемы современности. Ядерная            угроза». Графическая            идея: мощь                 ядерного оружия                   против

хрупкости жизни.

 

 

Коллаж к теме «Глобальные проблемы современности. Социальные и экологические проблемы». Графическая идея в стихотворных строках:

Взгляни на мир глазами лебедей. Они летят восторженно и тихо.

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

Поговорить ему была нужда. Да только не с кем, а иногда так хочется! Взгляни на мир из глубины Себя! Ожесточенье спрячь, обиды, зло откинь! И посмотри – вокруг твоя Земля! Крылом взмахни и в небо воспари! Взглянуть на мир глазами лебедей…