Рассмотрение верхнего и нижнего колонтитулов в общих чертах

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

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

Персональный сайт: Cindy Li

Рис. 38.5.  Необходимо отметить два момента особенно ценных для обсуждения здесь: идентичность и контраст

Идентичность

"Идентичность" является термином, который имеет специальное значение в мире рекламы и маркетинга, где он относится к торговым маркам и другим элементам дизайна, которые являются специфическими для представления коммерческого предприятия и его продукции. Сайт Cindy Li (http://www.cindyli.com/) реализует это на персональном уровне, помещая шаржированное изображение лицевого профиля в верхнем колонтитуле сайта, и характерный шрифт, чтобы задать заголовок сайта и основные средства навигации.

Способ реализации идентичности на корпоративных сайтах будет рассмотрен более подробно ниже.

Контраст

На сайте cindyli.com посетителю понятно с первого взгляда, что есть что: идентичность, канва контента, и основной контент, все размещены в определенных контурах, которые выделены своими фоновыми цветами. Кроме того, заголовок сайта и средства навигации заданы высоконтрастными относительно своего фона.

Теперь для нижнего колонтитула сайта:

Рис. 38.6.  Нижний колонтитул Cindy Li несколько скуден: имеется заявление об авторских правах, ссылка на сайт издательской платформы, которую она использует (что, вероятно, требуется по условиям лицензии использования), и ссылка на ленту рассылки статей, которые она публикует

В отличие от других представленных в этой статье сайтов сайт Cindy не предлагает полнотекстовый поиск, возможно по техническим причинам. Однако, так как сайт является блогом, его дизайн допускает предположение, что большинство читателей ограничивают свой интерес новым контентом.

Социальная сеть: Facebook

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

Подобно многим коммерческим сайтам Facebook предлагает как полнотекстовый поиск, так и классифицированный подход для навигации по сайту.

Рис. 38.8.  Подобно своему верхнему колонтитулу нижний колонтитул Facebook также небольшой, даже если принять во внимание постоянный виджет приложений в самом низу. Один интересный элемент здесь находится рядом с заявлением об авторских правах: виджет для изменения используемого по умолчанию языка пользователя

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