Разработка концепции веб-сайта для основной образовательной программы магистратуры «Графический дизайн» СПбГУ

Настоящий дипломный проект посвящен исследованию визуально-графических принципов и форм информационных ресурсов в системе высших учебных заведений, а также разработке прототипа сложносочиненного веб-сайта, формирующего образ и отражающего идеологию учебного процесса магистерской программы «Графический дизайн» в СПбГУ.
Целью проекта является формирование графического облика представления магистерской программы «Графический дизайн» в веб-среде.
Исследование является актуальным, поскольку на данный момент предмет исследования не имеет существующего отдельного веб-ресурса, который в полной мере бы представлял магистерскую программу, отражал и структурировал образовательный процесс для будущих абитуриентов. В то время, как по всему миру университеты, образовательные организации и школы все больше уделяют внимание представлению своих программ в веб-среде.
В рамках исследования был проанализирован процесс становления современной системы веб-ресурсов, исследован ряд веб-ресурсов, сформировавшихся в художественной и в университетской среде. Идентифицированы принципы, лежащие в основе формирования дизайна веб-ресурсов. Были проанализированы современные векторы развития веб-ресурсов.
На основе анализа была разработана собственная концепция сложносочиненного сайта-портфолио магистерской программы с учётом выявленных в процессе анализа особенностей и важных нюансов. А именно: сочетания функциональности, удобства для пользователей, согласованности с основными принципами создания веб-ресурса для всего университета в целом, и наличия творческой составляющей, способной привлечь внимание, увлечь за собой.

ВВЕДЕНИЕ …………………………………………………………………………………………………………………..3

ГЛАВА I. СПЕЦИФИКА ВИЗУАЛЬНОЙ СИСТЕМЫ В КОНТЕКСТЕ
ХУДОЖЕСТВЕННЫХ ТЕЧЕНИЙ XX ВЕКА

1.1 Визуальная система и графические особенности печатной графики первой
половины XX века ………………………………………………………………………………………………………..8
1.1.1. Специфика графической программы и её изменения в первые десятилетия ХХ
века …………………………………………………………………………………………9
1.1.2 Специфика новой художественной доктрины в 1920-1930 – конструктивизм,
дадаизм, сюрреализм и ар-деко …………………………………………………………15
1.1.3 Проблема новой графики в Баухаузе ……………………………………………..23

1.2 Графическая программа и специфика её развития во второй половине XX в. ……26
1.2.1 Интернациональный стиль ………………………………………………………… 26
1.2.2 Визуальная система минимализма ………………………………………………..35
1.2.3 Феномен «Новой волны» и цифровая революция ……………………………….43

ГЛАВА II. ФОРМИРОВАНИЕ ВЕБ-ДИЗАЙНА И ЕГО ФЕНОМЕН …………………………48
2.1 Графическая традиция XX века и феномен веб-дизайна ………………………………………..48
2.2 Основные области развития веб-дизайна ………………………………………………………………52
2.3 Основные направления веб-дизайна 2010-х годов …………………………………………………54

ГЛАВА III. УНИВЕРСИТЕТСКИЕ ИНФОРМАЦИОННЫЕ РЕСУРСЫ, ИХ
СПЕЦИФИКА И ПРЕОБРАЗОВАНИЕ В ГРАФИЧЕСКОЙ СИСТЕМЕ ХХ В. …………59
3.1 Первая половина ХХ века и классические университетские издания ……………………..59
3.2 Анализ университетских информационных ресурсов и представление в веб-
пространстве …………………………………………………………………………………………………………….64
3.3 Визуальные основы проектирования университетских веб-ресурсов …………………….72

ГЛАВА IV. ПРОЕКТИРОВАНИЕ ИНФОРМАЦИОННОГО РЕСУРСА ДЛЯ
МАГИСТЕРСКОЙ ПРОГРАММЫ «ГРАФИЧЕСКИЙ ДИЗАЙН» ……………………………74
4.1 Разработка концепции веб-сайта …………………………………………………………………………..74
4.2 Описание и процесс разработки ……………………………………………………………………………76

ЗАКЛЮЧЕНИЕ ………………………………………………………………………………………………………….80
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ ………………………………………………………82

ПРИЛОЖЕНИЕ I ……………………………………………………………………………………………………….89

ПРИЛОЖЕНИЕ II
1. Обзор графических работ ХХ века …………………………………………………………………………93

2. Обзор современных веб-ресурсов ………………………………………………………………………….114

ПРИЛОЖЕНИЕ III
Проектная часть ……………………………………………………………………………………………………….127

В ходе работы были рассмотрены визуальные системы графических
стилей, дизайн-школы ХХ-XXI веков и их художественные принципы. Т.е.,
основные стилистические направления в дизайне и их истоки, которые лежат
в основе визуальной системы веб-проектирования. Для этого были изучены
труды в области истории дизайна, типографики и графического дизайна, а
также монографии ХХ века. Проведен анализ, как работы в области
типографики, верстки, веб-проектирования способствовали эволюции
графического языка, развитию его в веб-пространстве.

В рамках исследования был проанализирован процесс становления
современной системы веб-ресурсов. Для этого был исследован ряд веб-
ресурсов, сформировавшихся в художественной и в университетской среде.
Идентифицированы принципы, лежащие в основе формирования дизайна
веб-ресурсов. В рамках исследования проанализированы и современные
векторы развития веб-ресурсов.

Особое внимание отведено непосредственно предмету исследования,
у н и ве р с и т е т с к и м ве б – р е су р с а м . П р о а н а л и з и р о ва н ы р а з л и ч н ы е
университетские веб-сайты, их стилистические особенности, методы подбора
стилистических средств. При этом вектор исследования был направлен в
сторону особенностей формирования веб-ресурсов для творческих
специальностей, а именно, для образовательной программы «Графический
дизайн».

Таким образом, было установлено, как при помощи средств дизайн-
графики и возможностей интерактивной среды можно создать веб-сайт,
представляющий приоритеты образовательной магистерской программы
«Графический дизайн».

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

1.Андреев Л.Г. Сюрреализм. История. Теория. Практика. М.: Гелеос, 2004.