Мы будем использовать зрительскую модель, разбирая закономерности и средства композиции, то есть художественно-выразительной пространственно-временной организации сайта. Зрительская модель организации сайта коррелирует с пользовательской моделью, которая включает в себя уровень стратегии, уровень набора возможностей, уровень гипертекстовой структуры, уровень навигации и интерфейса и уровень компоновки. Уровню стратегии пользовательской модели в зрительской модели соответствует уровень концепции. Уровню набора возможностей соответствует уровень элементного состава композиции. Уровню гипертекстовой структуры соответствует уровень объемно-пространственной композиции. Уровню навигации и интерфейса —уровень пространственно-временной композиции. Уровню компоновки — уровень плоскостной композиции. В зрительской модели уровень концепции описывает художественный замысел проекта, идеальный, еще не материализованный художественный образ. Следующие уровни показывают средства и закономерности воплощения образа. Уровень элементного состава композиции описывает материал построения художественной формы. Уровень объемно-пространственной композиции описывает цветографическую организацию сайта в виртуальной среде. Уровень пространственно-временной композиции описывает типографическое и пластико-динамическое решение взаимодействия. Уровень плоскостной композиции описывает композицию страницы в рамке и за рамками экрана. На уровнях композиционного формообразования, то есть на уровнях элементного состава объемно-пространственной, пространственно-временной и плоскостной композиции сайт рассматривается в модели с двух сторон: как пространственная форма и как временная форма. Здесь точнее было бы говорить в целом о синтетической художественной форме сайта и, с одной стороны, о пространственной, а с другой стороны, о пространственно-временной форме. Обобщая и схематизируя набор выразительных средств и закономерностей, мы достаточно условно разделяем их на средства для построения пространства сайта и средства для построения времени взаимодействия зрителя с сайтом. Так, анимационный фрагмент, показывающий тему сайта, в модели рассматривается как элемент пространственной формы. А анимации элемента интерфейса, показывающие характер взаимодействия, в модели рассматриваются как элемент временной формы. Концепция — это образное начало проектирования. Концепция формулирует художественные задачи, связанные с эстетикой как создателя проекта, так и зрителя. Концепция — это замысел образа, иными словами, художественного содержания, актуального в культурном контексте проектирования. Художественное содержание как задача разрешается в композиции сайта. Элементный состав композиции — это набор онтологических выразительных средств различных видов искусства: как абстрактных средств (например, в графике это линия, пятно, цвет), так и конкретных форм выражения (типографических элементов, текстов, рисунков, фотографий, анимационных и видеофрагментов). Формы информации, репродуцирующие содержание сайта, — это элементы пространственной организации сайта. Формы интерактивности, связывающие содержательные формы между собой, — это элементы временной организации сайта. Таким образом, информационные программные возможности пользовательской модели рассматриваются в зрительской модели как материальные выразительные средства разнообразных искусств. Из этих средств строится объемно-пространственная композиция сайта, которая в зрительской модели понимается как художественно-выразительная гармоническая организация исходных форм информации, с одной стороны, в виртуальном пространстве в соответствии с информационной архитектурой, и с другой стороны, во времени обследования виртуального пространства зрителем в соответствии со сценариями взаимодействия пользователя с виртуальным пространством. На экране вы видите визуализацию объемно-пространственной композиции одной из версий сайта Академии Домус, в которой показано, как информационные формы страницы составляют целостную форму сайта в виртуальном пространстве. Информационная архитектура, разыгранная художественными средствами, образует объемно-пространственную композицию сайта Университета Искусств в Лондоне. Цветозаполненность показывает отношение между страницами разных веток и уровней структуры сайта. От заглавных страниц разделов, охарактеризованных кодирующим цветом, к страницам нижнего уровня снижается цветографическая насыщенность страниц. Стилистически разобранные сценарии взаимодействия превращаются в сюжеты просмотра сайта Королевского колледжа искусств. Студенческие проекты показаны на трех страницах каждый — от общего плана на странице группы проектов одного направления через портретный план на странице конкретного проекта к среднему плану на странице автора проекта. Навигация показывает информационную архитектуру средствами преимущественно типографики и книжного дизайна. На экране вы видите пример колористического кодирования в организации навигации по сайту Академии Домус. Зоны взаимодействия, заголовки, панели навигации, кнопки на страницах внутри одного раздела решены одним цветом. В решениях элементов интерфейса при визуализации продолженного взаимодействия используются пластико-динамические средства экранных искусств. Например, интерактивное масштабирование иконок панели дополнительной навигации на сайте Университета искусств в Лондоне создают внутрикадровые движения типа "наезд — отъезд". Таким образом, пространственно-временная композиция — это художественно-выразительная гармоническая организация, с одной стороны, форм представления виртуального пространства согласно системам навигации, а с другой стороны, форм взаимодействия зрителя с виртуальным пространством во времени согласно интерфейсу. В левой части экрана вы видите визуальное решение систем навигации, в правой — элементов интерфейса на одной и той же странице сайта Академии Домус. Композиция плоскости — это художественно-выразительная гармоническая организация форм содержательной информации и форм взаимодействия с виртуальным пространством на плоскости страницы согласно компоновке, а также организация системы плоскостей страниц в монтажном сопоставлении согласно структуре сайта. Для пропорциональной гармонизации информационных и программных зон страницы в решении сайта Академии Домус применена модульная сетка, которая представляет собой реплику сетки журнала Domus. В плоскостной композиции страницы сайта Королевского колледжа искусств содержательные формы и формы взаимодействия согласованы по колористическому решению. Палитра иллюстрации определяет палитру панели навигации. Подобное колористическое решение разных функциональных зон обусловливает единство композиции страницы. Колористическое решение каждой страницы сайта зависит от характера иллюстрации, размещенной на ней. Одинаковое пропорциональное решение функциональных зон страниц и одинаковый прием гармонизации по цвету обусловливает единство последовательности страниц в монтажном сопоставлении. Юрий Лотман различает построение научного текста и построение художественного текста. Созданию научного текста предшествует аналитический акт. Текст в искусстве создается иначе. Художник имеет синтетическое представление о целостности воспроизводимого объекта и именно эту целостность и моделирует в пространстве и во времени. Текст сообщения является образом, который, по словам Андрея Мещанинова, воспринимается симультанно, одновременно во всех своих составляющих. В силу этого художественное проектирование предполагает как последовательную, так и одновременную разработку уровней формообразования сайта. В модулях курса мы рассмотрим уровни зрительской модели последовательно, в сопоставлении с уровнями пользовательской модели, от концепции до плоскостной композиции.