МИНОБРНАУКИ РОССИИ
Федеральное государственное бюджетное образовательное учреждение
высшего профессионального образования
«Ижевский государственный технический университет
имени »
(ИжГТУ имени )
УТВЕРЖДАЮ | |
Ректор | |
_________________ |
|
“_____” |
20____г. |
ПРОГРАММА
ДИСТАНЦИОННОГО КУРСА
«ВИЗУАЛЬНЫЙ ДИЗАЙН САЙТА»
Разработчик программы повышения квалификации и составитель учебно-тематического плана: к.т.н., доцент кафедры «Технология промышленной и художественной обработки материалов».
1. ОБЛАСТЬ ПРИМЕНЕНИЯ
1.1. Категории слушателей, на обучение которых рассчитана программа повышения квалификации: студенты, обучающиеся по программам высшего и среднего профессионального образования художественных направлений; люди, имеющие начальное или среднее художественное образование.
1.2. Сферы применения слушателями полученных профессиональных компетенций, умений и знаний:
- профессиональная деятельность в области веб-дизайна.
2. ХАРАКТЕРИСТИКА ПОДГОТОВКИ ПО ПРОГРАММЕ
2.1. Нормативный срок освоения программы – 72 часа.
2.2. Режим обучения – 2 недели по 6 часов в день.
3. ТРЕБОВАНИЯ К РЕЗУЛЬТАТАМ ОСВОЕНИЯ ПРОГРАММЫ
Слушатель, освоивший программу, должен:
3.1. обладать профессиональными компетенциями, включающими в себя способность:
ПК 1. Разработка дизайна сайта;
ПК 2. Создание графического макета веб-страниц;
3.2. владеть: графическими редакторами.
3.3. уметь: использовать приёмы композиционного построения веб-страницы и правила эргономики веб-дизайна (юзабилити).
3.4. знать: базовые принципы веб-дизайна.
4. ТЕМАТИЧЕСКИЙ План ПРОГРАММЫ
Наименование тем лекций и лабораторных работ, их содержание и объем в часах.
№ п/п | Наименование тем лекций и лабораторных работ | Содержание | Объем в часах |
1 | 2 | 3 | 4 |
1 | Модуль 1. Введение | 8 | |
1.1. | Введение. Анализ проектной ситуации. | Базовые принципы веб-дизайна. Анализ проектной ситуации (фирменного стиля, требований к дизайну сайта, требований потребителя и т.д.). Разработка структуры сайта. | 2 |
1.2. | Аттестация слушателей по модулю 1. | Контрольная работа №1 «Разработка концепции и структуры сайта». | 2 |
2 | Модуль 2. Цвет и веб | 16 | |
2.1. | Цветоведение в веб-дизайне | Разработка различных цветовых гармоний одного макета страницы. Анализ цветовых аналогов. Разработка цветовой концепции сайта и цветовой гаммы проектируемого сайта. | 10 |
2.2. | Аттестация слушателей по модулю 2. | Контрольная работа №2 «Разработка цветовых вариантов страниц сайта». | 6 |
3. | Модуль 3. Композиция в веб-дизайне | 16 | |
3.1. | Средства и свойства композиции | Статика и динамика. Симметрия и асимметрия. Контраст и нюанс. Ритм и метр. Пропорционирование. | 6 |
3.2. | Композиция в веб-дизайне | Разработка композиции веб-страницы с различными свойствами из предложенного набора элементов. Композиция разрабатываемых страниц. Варианты. | 6 |
3.3. |
| Контрольная работа №3 «Разработка композиции проектируемых страниц». | 4 |
4. | Модуль 4. Вам удобно? (юзабилити) | 18 | |
4.1. | Понятие юзабилити | Основные термины и определения юзабилити. Принципы юзабилити при проектировании веб-страниц. | 6 |
4.2. | Юзабилити веб-страниц | Анализ аналогов с точки зрения юзабилити. Корректировка проекта с точки зрения юзабилити. | 8 |
4.3. | Аттестация слушателей по модулю 4. | Контрольная работа №4 «Разработка юзабилити проектируемых веб-страниц». | 4 |
Модуль 5. Графический макет | 18 | ||
5.1. | Графический макет | Разработка окончательного варианта всех веб-страниц | 6 |
5.2. | Презентация проекта | Разработка презентации проекта страниц сайта. Защита проекта | 8 |
5.3. | Анализ выполненной работы | Анализ собственной работы на курсе и работы других слушателей, а также самого курса. | 4 |
| Итого: | 72 |
4. УЧЕБНО-МЕТОДИЧЕСКОЕ ОБЕСПЕЧЕНИЕ САМОСТОЯТЕЛЬНОЙ РАБОТЫ СЛУШАТЕЛЕЙ
В период обучения слушатели самостоятельно выполняют задания и контрольные работы по темам курса.
Для выполнения заданий преподавателем выдаются методические указания, описывающие ход проведения работы.
5. ФОРМЫ ИТОГОВОЙ АТТЕСТАЦИИ
Аттестация по итогам освоения курса проводится на основании балльно-рейтинговой системы. В ходе успешного выполнения контрольных работ в течение всего обучения выставляются баллы.
Также показателем успешного завершения курса является графический макета сайта в формате psd.
6. УЧЕБНО-МЕТОДИЧЕСКОЕ И ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ
а) основная литература:
1. Густавсон, А. Adaptive Web Design. Crafting Rich Experiences with Progressive Enhancement / Аарон Густавсон. – Easy Readers, 2011. – 144 с.
2. Патрик Макнейл, П. Веб-дизайн. Идеи. Секреты. Советы = The Web Designer's Idea Book: More of the Best Themes: Trends and Styles in Website Design / Патрик Макнейл; пер. В. Черник. – СПб.: Питер, 2012. – 272 с.
3. Джейсон Берд, Дж. Веб-дизайн. Руководство разработчика / Джейсон Берд; пер. О. Сивчяенко. – СПб.: Питер, 2012. – 224 с.
4. Уэйншенк, С. 100 главных принципов дизайна = 100 Things Every Designer Needs to Know about People / Сьюзан Уэйншенк. – СПб.: Питер, 2012. – 272 с.
5. Уолтер, А. Эмоциональный веб-дизайн = Designing for Emotion / Аарон Уолтер. – М.: Манн, Иванов и Фербер, 2012. – 144 с.
6. Цифровой дизайн. Основы веб-проектирования с помощью инструментов Adobe / под ред. М. Райтмана. – М.: Рид Групп, 2011. – 768 с.
б) дополнительные источники информации:
Сеть Интернет.
7. МАТЕРИАЛЬНО-ТЕХНИЧЕСКОЕ ОБЕСПЕЧЕНИЕ ОБУЧЕНИЯ
1.Класс персональных ЭВМ.
2. Программное обеспечение (CorelDraw X3, Adobe Photoshop CS3)
Автор программы,
к.т.н., доцент
Декан факультета
«Реклама и дизайн»
Начальник управления
образования
