Раздел 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

Оптимизация фрагментов изображений.

Цель работы: Изучить параметры оптимизации фрагментов изображения.

Вопросы к теме:

1. Требования к изображениям для Web

2. Основные графические форматы файлов, используемые в Интернет

3. Параметры оптимизации изображений

4. Понятие фрагмента, типы фрагментов, способы создания фрагментов

5. Параметры оптимизации фрагментов изображения

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-дизайн»