Раздел 4. Usability-тестирование
Тема 8. Оценка и тестирование сайта
Оценка сайта. Тестирование сайта. Критерии оценки созданного сайта. Способы снижения визуального шума и повышения четкости подачи материала. Этапы стандартного тестирования сайта. Методика тестирования сайта на аудитории. Выработка предложений по редизайну и обоснование необходимости редизайна. Обзор ресурсов, связанных с вопросами WEB-дизайна и WEB-usability.
Лабораторная работа № 8 Оценка и тестирование сайта
1.5 ТЕМЫ ПРАКТИЧЕСКИХ ЗАНЯТИЙ
Практические работы предназначены для закрепления теоретических знаний и приобретения необходимых практических навыков и умений.
Раздел 1. Основы дизайна
Тема 2. Использование цвета в дизайне
Практическая работа 1
Анализ иллюзий, создание своей иллюзии
Цель работы: «Увидеть» изученные средства построения динамичной композиции в предложенных иллюзиях, научиться использовать характеристики цвета для создания цветовых иллюзий.
Практическая работа 2
«Физические» характеристики цвета, эмоциональное значение
Цель работы: Научиться использовать «физические» характеристики цвета для позиционирования цветных объектов в пространстве, передачи эмоций пользователю.
Практическая работа 3
Подбор гармоничных цветов, создание HTML-страницы
Цель работы: Научиться подбирать нужное количество гармоничных оттенков, проверять контрастность подобранных цветов; повторить изученный ранее материал по созданию HTML-страниц
Раздел 2. Проектирование Web-сайта
Тема 5. Эргономика сайта
Практическая работа 4
Анализ предложенных Web-ресурсов с точки зрения эргономики.
Цель работы: Выявить факторы, затрудняющие / облегчающие восприятие информации.
Практическая работа 5
Разработка модульной сетки для информационного сайта, промо-сайта.
Цель работы: Отработать технологию разработки модульной сетки
Практическая работа 6
Создание страниц фиксированных размеров.
Цель работы: Актуализировать знания по созданию HTML-страниц фиксированных размеров.
Практическая работа 7
Создание адаптируемых страниц.
Цель работы: Актуализировать знания по созданию адаптируемых HTML-страниц
Раздел 3. Подготовка графики для Web
Тема 6. Подготовка иллюстраций для Web
Практическая работа 8
Подготовка иллюстраций в Adobe Photoshop.
Цель работы: Отработать принципы цветовой и тоновой коррекции, ретуширования изображений.
Практическая работа 9
Подготовка коллажа в Adobe Photoshop.
Цель работы: Научиться использовать слой-маску при коллажировании.
Практическая работа 10
Нарезка изображений на фрагменты в Adobe Photoshop
Цель работы: Отработать технологию нарезки изображений на фрагменты средствами Adobe Photoshop.
Практическая работа 11
Нарезка изображений на фрагменты в Image Ready.
Цель работы: Отработать технологию нарезки изображений на фрагменты в Image Ready.
Практическая работа 12
Оптимизация фрагментов изображений.
Цель работы: Изучить параметры оптимизации фрагментов изображения.
Вопросы к теме:
Требования к изображениям для Web
Основные графические форматы файлов, используемые в Интернет
Параметры оптимизации изображений
Понятие фрагмента, типы фрагментов, способы создания фрагментов
Параметры оптимизации фрагментов изображения
1.6 ТЕМЫ лабораторных работ
-
№№ и названия разделов и тем
Цель и содержание лабораторной работы
Результаты лабораторной работы
Лабораторная работа № 1 Составление композиций
Раздел 1.
Тема 1
Освоить понятия и средства композиции. Составление композиций различных видов.
Практические навыки. Отчет
Лабораторная работа № 2 Подбор гармоничных цветов, подбор контрастных цветов
Раздел 1
Тема 2
Изучить правило «фигура-фон», цветовые сочетания и цветовые модели.
Практические навыки. Отчет
Лабораторная работа № 3 Разработка сайтов в различных стилях
Раздел 2
Тема 3
Изучить стили, классификацию и этапы разработки сайтов.
Практические навыки. Отчет
Лабораторная работа № 4 Разработка информационной архитектуры сайта
Раздел 2
Тема 4
Изучить основные компоненты WEB-страницы и способы их визуального представления на страницах сайта.
Практические навыки. Отчет
Лабораторная работа № 5 Размещение информации на странице
Раздел 2
Тема 5
Разработка модульной сетки. Создание фиксированных и адаптируемых страниц. Размещение информации на странице с учетом решаемых задач.
Практические навыки. Отчет
Лабораторная работа № 6 Оптимизация изображений
Раздел 3
Тема 6
Изучить требования к иллюстрациям в Internet. Обзор форматов иллюстраций JPEG, GIF, PNG, SWF, SVG. Подготовка графики в программах Adobe PhotoShop, Adobe ImageReady
Практические навыки. Отчет
Лабораторная работа № 7 Создание анимации для WEB
Раздел 3
Тема 7
Изучить способы создания и параметры анимации. Использование Adobe ImageReady и Ulead GifAnimator для создания gif-анимации. Создание анимации с помощью Macromedia FLASH. Разработка сюжета баннера. Применение карт изображений ImageMap. Создание эффекта «rollover» в ImageReady и Macromedia Flash
Практические навыки. Отчет
Лабораторная работа № 8 Оценка и тестирование сайта
Раздел 4
Тема 8
Оценка сайта. Тестирование сайта. Методика тестирования сайта на аудитории. Выработка предложений по редизайну и обоснование необходимости редизайна.
Практические навыки. Отчет
Для выполнения самостоятельной работы студентов предусмотрено Методические указания к СРС по дисциплине «Web-дизайн»
- Автор - составитель:
- Содержание
- Часть 1 рабочая учебная программа дисциплины 4
- Часть 2 материалы, устанавливающие содержание и порядок проведения промежуточной и итоговой аттестации 14
- Часть 1 рабочая учебная программа дисциплины
- 1.1 Цели, задачи и предмет дисциплины
- 1.2 Требования к уровню освоения содержания дисциплины
- 1.3 Объем дисциплины
- 1.3.1 Объем дисциплины и виды учебной работы
- 1.3.2 Распределение часов по темам и видам учебной работы
- 1.4 Содержание курса
- Раздел 2. Проектирование Web-сайта
- Практическая работа 8 Подготовка иллюстраций в Adobe Photoshop.
- Раздел 4. Usability-тестирование
- 1.7 Список литературы основная
- Часть 2 материалы, устанавливающие содержание и порядок проведения промежуточной и итоговой аттестации
- 2.1 Задания для самостоятельной работы студентов
- 2.2 Темы курсовых (контрольных работ) рефератов и методические указания по их выполнению
- 2.3 Вопросы для подготовки к зачету и экзамену
- 2.3.1 Вопросы для подготовки к зачету (группа ир-23)
- 2.3.1 Вопросы для подготовки к экзамену (группа ир-33)
- 2.4 Учебно-методическое обеспечение дисциплины
- 2.4.1 Методические указания для преподавателей
- 2.4.2 Методические указания для студентов
- 2.4.3 Методическое обеспечение дисциплины
- 2.4.4 Материально-техническое и информационное обеспечение дисциплины