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

Введение

 

Начиная разговор о дизайне образовательных программ необходимо сразу же определиться с терминологией; что в данной работе мы будем понимать под «дизайном» и «графикой»?

По определению «графический дизайн» – это  художественно-проектная деятельность по созданию гармоничной и эффективной визуально- коммуникативной среды.

В процессе создания мультимедийного электронного образовательного ресурса (ЭОР), понятие «графический дизайн» разбивается на два самостоятельных: «графика» и «дизайн».   При этом под «дизайном» нужно понимать, с одной стороны интерфейсно-навигационную, концептуальную компоненту   программы   (см.   п.3   и   п.4),   а   с   другой   ее   графическое воплощение. Графика же в данном случае носит вспомогательный характер, дополняя  интерфейс цветом, шрифтом и разнообразными иллюстрациями. Причем иллюстрации могут быть плодом творчества самого дизайнера, а могут  быть  заимствованы  из  доступных  источников  и  гармонично размещены в среде интерфейса (примеры приведены в Приложении 2). Дизайнеру всегда важно помнить, что все визуальные образы должны быть связаны с образовательным контентом и контекстом выбранной дисциплины. Для обеспечения этого, дизайнер должен понимать суть вопросов, рассматриваемых в курсе и неплохо разбираться в материале. Все это привлечет внимание потенциальных пользователей и, в конечном счете, обеспечит   мультимедиа-курсу высокий образовательный и коммерческий рейтинг.

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

1. Мир цвета

 

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

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

Поэтому цветовым решениям передачи информации в ЭОР должны предшествовать ответы на вопросы:

  Какие должны возникнуть эмоции, чувства, настроение у тех, кто будет работать с тем или иным материалом ЭОР?

  Как обеспечить резонанс текста и цветового сопровождения?

  Есть ли закономерности восприятия цветовой гаммы человеком?

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

Психологи приводят интересную информацию о психологическом воздействии различных цветов [1, 2]:

  красно-оранжевые  цвета  действуют  возбуждающе,  повышают активность, как бы подталкивают к решительным действиям;

  светло-желтые  цвета  также  активируют,  но  следует  помнить,  что  в России к ним недоверчивое отношение («желтый дом», «желтая пресса», «желторотый юнец» и пр.);

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

  синий  цвет  обычно  ассоциируется  с  гармонией,  покоем, бесконфликтными отношениями;

  коричневый  цвет  действует  весьма  своеобразно:  способствует обращению к удовольствиям, комфорту;

  фиолетовый цвет (а также темно-малиновый, сиреневый) считается женским и свидетельствует о желании нравиться, производить хорошее впечатление;

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

  черный цвет в России – символ сложных ситуаций, это «жесткий» цвет (заметим, что люди, любящие этот цвет, могут отличаться сильным упрямством, сложностью характера);

 

  белый цвет – чистота, мир.

Цвет может вызвать у человека не только физиологические и эстетические реакции, но также и интеллектуальную рефлексию. Он может стать носителем некоторого сообщения, подобно тому, как слово – носитель какого-либо смысла. Здесь мы имеем дело с семантической стороной цвета [3].

Интересна способность цвета «искажать» зрительное восприятие пространства и расстояния: теплые цвета (желтый, оранжевый, красный) приближаются   к   зрителю,   выступая   вперед,   а   детали,   окрашенные   в холодные цвета (голубой, светло-зеленый, фиолетовый) как бы «отступают» назад. Определенные цвета ассоциируются непосредственно с природой, с ее явлениями и состояниями, поэтому холодные тона рекомендуется использовать для создания фона, так как они имеют особенность «убывать» на расстоянии, создавая тем самым ощущение стабильности, в то время как теплые тона, по мнению специалистов, необходимо использовать для изображений, находящихся на переднем плане. Темные объекты предстают глазу зрителя более «отяжеленными», чем светлые, что, как считают специалисты, является результатом нашего восприятия светлого неба над более темным горизонтом. Отсюда также вытекает и требование к расположению более темных объектов в нижней части экрана для лучшего их восприятия [4].

Цветовое решение компьютерного продукта должно отражать суть тех категорий, процессов, которую раскрывает текстовый, видео- или аудиоматериал; оно должно усиливать смысл, а не входить с ним в противоречие. Вряд ли будет, например, уместно изображать взаимоотношения правящей партии и политической оппозиции спокойной синей цветовой гаммой, а харизматическое лидерство подавать через желтые цвета.   С   помощью   цвета   передаются   отношения   между   идеями   или объектами, а также иерархические уровни, динамика процессов, создается эффект объема. Он используется для привлечения внимания к наиболее значимому отрезку сообщаемой информации для лучшего ее запоминания [5,

6].

Соединение цветов может быть гармоничным и дисгармоничным. В зависимости от этого меняется эмоциональный тон восприятия информации. Исследования свидетельствуют, что цветные надписи на 35\% замечаются чаще,  чем черно-белые.  Существует  зависимость  читаемости  надписей  от

цвета фона. Хорошая их видимость достигается тогда, когда черные надписи делаются на желтом фоне, зеленые — на красном, голубые — на белом [7].

Абсолютно чистые тона называются спектральными. Спектральные тона

удобно рассмотреть в виде круговой диаграммы («спектральный круг»).