Художественное проектирование сайта

В курсе рассматривается логическое строение, художественная композиция и технологическая организация сайта.

Курс рассчитан на широкий круг слушателей, в частности, на студентов бакалавриата и магистратуры направления подготовки «Дизайн», а также на действующих дизайнеров и художников, желающих проектировать авторские сайты.

Курс состоит из Введения и пяти тематических модулей. Модули курса описывают пять тем: идея, материал, гипертекст, взаимодействие, дисплей – по одной теме на один модуль. Каждая тема освещена с позиций логической, образной и технологической организации сайта-презентации. Такой сайт предполагает размещение  информации в нём автором-разработчиком, не предполагая обмена данными, и рассматривается в курсе, как базовая форма сайта.

В результате освоения каждого модуля предусмотрено создание Слушателем веб-страницы, описывающей логические и образные аспекты проектирования в рамках заданной темы. Таким образом, Слушатель, изучая: научные, художественные, технологические – средства и принципы дизайна сайта, создаёт сайт из пяти страниц в базовых клиентских веб-технологиях.

Обучение на курсе не требует специальной подготовки

Тема 1. Идея художественного проектирования сайта

• Уровень стратегии
• Уровень концепции
• Структурирование и форматирование веб-документа

Тема 2. Материал художественного проектирования сайта

• Уровень набора возможностей
• Уровень композиционных элементов
• Размещение информации в веб-документе

Тема 3. Виртуальная гипертекстовая структура сайта

• Уровень гипертекстовой структуры
• Уровень объемно-пространственной композиции
• Файловая конструкция сайта. Гиперссылки

Тема 4. Логика, визуализация и реализация взаимодействия

• Уровень навигации и интерфейса
• Уровень пространственно-временной композиции
• Форматирование элементов страницы

Тема 5. Организация страницы в рамках дисплея

• Уровень компоновки
• Уровень плоскостной композиции
• Вёрстка страницы

Базовые знания:

1. Основы информационной архитектуры и проектирования пользовательских интерфейсов.
2. Основы композиции сайта.
3. Основы клиентских веб-технологий (HTML5, CSS3).

Умения:

1. Проектирование логической структуры сайта-презентации.
2. Проектирование образной структуры сайта-презентации.
3. Проектирование технологической структуры сайта-презентации.

Навыки:

• Структурирование и форматирование информации в гипертексте обследуемого типа.

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