2.2. Разработка дизайна
Перед разработкой дизайна необходимо определить к какому виду веб-сайтов относиться электронный учебно-методический комплекс. Веб-сайты по визуальному представлению делятся на три вида:
– текстовые или информационные веб-сайты: подобные веб-сайты разрабатываются с акцентом на текстовые материалы; эти веб-сайты, имеют относительно маленький вес, вследствие чего быстро загружаются; дизайн таких веб-сайтов выполняется в минималистическом стиле;
– графические веб-сайты: данные веб-сайты используют элементы графического пользовательского интерфейса, позаимствованные из области разработки программного обеспечения, например, прижатая к верхней части страницы строка меню, пиктограммы и всплывающие окна; некоторые компоненты графического пользовательского интерфейса довольно часто применяются и в обычных текстовых сайтах;
– тематические или метафорические веб-сайты: такие веб-сайты имеют дизайн веб-страниц, которые выглядят подобно объектам из реальной жизни, например, интерфейс в виде руля на веб-сайте о машинах; при тематическом дизайне на веб-сайтах применяется много визуальных эффектов [28].
Электронный учебно-методический комплекс по дисциплине «Разработка программных приложений» по визуальному представлению будет являться текстовым веб-сайтом. Отсюда следует, что дизайн электронного учебно-методического комплекса должен быть максимально простым и понятным для студента и должен соответствовать структуре рабочей программы. При разработке дизайна, следует учесть, что цвета, шрифт, размер текста и структура электронного комплекса должны быть направлены на обеспечение легкого восприятия информации.
Следующим шагом в разработке дизайна электронного комплекса является выбор цветовой гаммы. Основными цветами в дизайне электронного учебно-методического комплекса будут являться белый, голубой, серый и черный. Светлые цвета (белый, голубой и серый) будут мотивировать студентов на обучение, что должно поспособствовать повышению эффективности образовательного процесса.
Белый цвет соотносится с чистотой, простотой, легкостью, мудростью и самоотдачей. Голубой цвет ассоциируется со спокойствием, позволяет сосредоточиться. Серый цвет является нейтральным цветом и не вызывает раздражения. Черный цвет ассоциируется с изысканностью и стилем [25].
Белый цвет будет являться основным цветом в интерфейсе электронного комплекса. Голубой цвет будет использоваться для фона заголовков. Светлый оттенок серого будет применяться для обрамления элементов интерфейса электронного комплекса. Черный цвет будет использоваться для горизонтального меню.
- По дисциплине
- 1. Анализ предметной области
- 1.1. Обзор литературы
- 1.2. Обзор рабочей программы
- 1.3. Постановка задачи
- 1.4. Определение требований к системе
- 1.5. Программные средства для разработки
- 2. Разработка электронного учебно-методического
- 2.1. Разработка макета
- 2.2. Разработка дизайна
- 2.3. Верстка веб-страниц
- 2.4. Структура электронного комплекса
- 3. Результаты разработки электронного учебно-методического комплекса по дисциплине
- 3.1. Содержание лекций
- 3.2. Содержание лабораторных работ
- 3.3. Пример веб-страниц электронного комплекса
- 3.4. Лекция №16. Разработка справочной системы
- 3.5. Лабораторная работа №3. Разработка справочной системы