Структурно-функциональный анализ Интернет-версии немецкого таблоидного издания «Hamburger Morgenpost»

С позиции оценки визуальной структуры Интернет-версии немецкого таблоидного издания «Hamburger Morgenpost» на основе стратегии управления внимания, основанной на эргономике цвета, стоит отметить единообразие цветовой композиции, представленной преимущественно красным цветом графических элементов и панели навигации. Выбор данного оттенка в качестве центрального характеризуется максимальным сосредоточением на нем непроизвольного внимания человека за счет сложной структуры восприятия красного цвета в качестве стимулирующего и особенностей его качественных характеристик на основе категорий яркости, насыщенности и контрастности относительно белого негативного пространства и иных визуальных объектов на полосе. Функционирование в формате акцентирующего элемента опосредовано применение красного цвета в заголовках и заголовочных комплексах в рамках метода управления вниманием на основе типографики в совокупности с полужирным начертанием, что в свою очередь в большей степени привлекает внимание пользователей к информационным блокам, представленным на стартовой веб-странице. При использовании красного цвета в заголовках стоит отметить тенденцию к оформлению наименований блоков нейтральным с позиции восприятия серым цветом, выступающим в качестве ненавязчивого ориентира внимания при выполнении функции упорядочивания контента.

Композиционное строение стартовой страницы характеризуется ассиметричной структурой размещения объектов относительно визуального центра, опосредованного вертикальной центральной осью. Таким образом, центр фиксации взгляда смещен в правую часть экрана, где расположены элементы с максимальным визуальным весом, доминирующие над прочими блоками за счет размера исключительно иллюстративного материала при сохранении пропорций текстуальной части относительно иных материалов. Однако визуальный центр стартовой страницы находится в верхней части полосы и представлен совокупностью навигационной панели с фотографическим элементом. Оба визуальных объекта характеризуются высокой степенью цветовой контрастности по отношению к фону и визуально объединяются в единый информационный блок за счет расположения относительно горизонтальной оси.

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

Тематический раздел «Hamburg» имеет схожую со стартовой композиционную организацию с точкой фиксации внимания в верхней части страницы за счет горизонтальной ориентации фотографического изображения и сопутствующего ему текстуального материала с цветными маркировками. Единство организации в пространстве формирует данные элементы в восприятии пользователя как целостную визуальную структуру с единым визуальным весом с доминирующими характеристиками относительно дополнительных элементов на полосе. Нижняя часть поля характеризуется очевидным применением метода визуальной симметрии по отношению к центру веб-страницы и категорией ритмичности за счет выравнивания визуального и текстуального блоков с формированием структуры из трех колонок. Направление движения взгляда пользователя в равной степени осуществляется по классической траектории слева направо и сверху вниз от вершины визуальной иерархии до нижней границы веб-страницы, завершающейся тремя блока с минимальным визуальным весом. Выделение заголовков и графических элементов красным цветом, перекликающимся с цветовой композицией панели навигации, сохраняется как в этой тематической рубрике, так и во всех остальных разделах веб-сайта, формируя композиционное и цветовое единство.

Центральной точкой фиксации внимания пользователя в рубрике «News» является визуальное единство анонсов двух разных материалов за счет метода объединения их по параметру единого направления относительно горизонтальной оси, расположения в рамках единого блока, ограниченного подложкой и графической линейкой, идентичного оформлением текстуального материала. Траектория движения взгляда задается по направлению от центральной точки фиксации до нижней границы веб-страницы с ориентацией на естественное направление взгляда при чтении с началом от левого края. Результаты анализа использования метода типографики заголовочного комплекса идентичны результатам исследования стартовой страницы и тематической рубрики «Hamburg».

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

Отличительная особенность публикации «Wasserschaden! Rote Flora wird zu Feuchtgebiet» в разделе «Hamburg» заключаются в цветовом контрасте между насыщенным красным цветом негативного пространства и текстовым фреймом. Данный прием относится к базе методов управления вниманием за счет эргономики цвета и цветового контраста функционирует по принципу акцентирования внимания на информационном блоке за счет использования категорий насыщенности и яркости. Второй уникальной чертой является применение аналогичного красного цвета в рамках анализируемой публикации для акцентирования внимания на заголовочном комплексе в выделением отдельных элементов как в заголовке, так и в лиде. Таким образом, внимание пользователя фиксируется на текстовом окне с белой подложкой за счет сильного контраста с негативным пространством и слабого контраста между цветом блока и подложки, останавливаясь на фотографическом изображении, функционирующем в качестве точки визуальной фиксации. Классическое оформление заголовка, характеризующегося использование рубленного шрифта и полужирного начертания, выделяется с помощью цветового акцентирования аналогично используемому в лиде. Заголовочный комплекс, обрамляющих фотографическое изображение, на котором также присутствуют объекты красного цвета, воспринимается пользователем в качестве единого целого с минимальной вероятностью дробления информации. Контраст света и тени наблюдается непосредственно на фотографии и функционирует в качестве подложки для подписи.

Публикация «Methusalem aus Mansfield Scooter ist die дlteste Katze der Welt» в тематическом разделе «News» идентична по композиционному строению и визуальной иерархии описанному выше материалу, однако лишена параметров контрастности основного информационного блока по отношению к негативному пространству. Элементом ориентации пользователя в текстуальном блоке является использование метода типографики заголовочного комплекса для подзаголовков и первого слова первой строчки. Цветовое маркирование элемента заголовка по выполняемым функциям сходно с описанными выше элементами, однако за счет отсутствия схожего принципа акцентирования непосредственно в тексте, в данном случае заголовок не воспринимается с фотографическим изображением в качестве единого визуального центра и характеризуется вторичным элементом фиксации внимания. Контраст света и тени на фотографии использован с целью акцентирования внимания на подписи, как и в рассмотренном ранее случае.