Дмитрий Кирсанов - Веб-дизайн

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

Очень часто вместо заголовков следующих уровней на веб–страницах используются нетекстовые разделители. Академический HTML предлагает для этой цели тег HR, призванный отделять друг от друга разнородные фрагменты текста. Пытаясь придать визуальную привлекательность этому, вообще говоря, чисто логическому средству разметки, авторы первого графического броузера Netscape поступили так, как поступил бы на их месте любой дизайнер–любитель: сделали соответствующие этому тегу горизонтальные линейки псев-Ютрехмерными — не то выпуклыми, не то вдавленными «плоскость страницы. Создатели MSIE заимствовали этот прием оформления, хотя и в менее «агрессивном» варианте (рис. 48).

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

Рис. 48 Псевдотрехмерность под микроскопом: концы линеек HR в NC (слева) и MSIE (справа)

Поэтому, сказав «а», создатели броузера Netscape вынуждены были сказать и «б» — им пришлось сразу же добавить к тегу HR атрибут noshade, дающий простую плоскую линейку без каких бы то ни было украшений (если не считать закругленных концов). Тем не менее даже и плоская, подобранная по толщине (атрибут size) и длине (атрибут width) линейка вряд ли станет украшением вашей страницы — и не только с эстетической, но и с логической точки зрения. Очень часто желание поставить

Программистам известно, что имеющийся в большинстве языков программирования оператор безусловного перехода GOTO может служить лишь временной «затычкой» в тех случаях, когда автору программы недосуг поискать более элегантный и законный способ передачи управления (оператор цикла, вызов подпрограммы). Это хорошая аналогия тегу HR, который тоже употребляется чаще всего тогда, когда недостаточно продуманная структура документа не позволяет оформить тематический водораздел более содержательными и художественно обоснованными средствами.

Хотя рекламные графические вставки не относятся к заголовкам в собственном смысле этого слова, удобнее сказать о них несколько слов именно здесь: ведь баннеры вполне можно рассматривать как «заголовки» для текстов, которые расположены на других страницах и на которые эти заголовки приглашают вас перейти (кстати, одно из значений слова banners английском языке — именно «заголовок»). Подробно баннерный дизайн будет рассматриваться в следующеб главе (стр. 275).

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

С другой стороны, на контент–сайтах (да и не только на них) реклама есть воистину «осознанная необходимость», единственный способ окупить затраты на создание и поддержку сайта. Разумеется, пользователи давно уже привыкли «отфильтровывать» в своем восприятии прямоугольники известного размера и характерной пестроты, относясь к ним как к чему–то совершенно независимому от содержимого страницы (если не впрямую враждебному ей). Однако же дизайнер не может полностью полагаться на разборчивость своих зрителей и вынужден так или иначе реагировать на вторжение инородного материала.

Обычно автор пытается либо интегрировать баннер в композицию, пользуясь теми его свойствами, которые известны априори (размером и прямоугольной формой), либо, наоборот, противопоставить баннер всему остальному на странице (чаще всего по цвету). Пространственная интеграция сводится к выравниванию баннера с соседними элементами, вписыванию его в общую сетку позиционирования (очевидно, что и сама эта сетка, и многие из элементов в таком случае обязаны равняться на стандартные габариты баннера — пример 15). При контрастировании же ставка делается на пестроту и цветовую насыщенность большинства баннеров, которым противопоставляется ограниченный набор неярких и тщательно подобранных цветов в других элементах страницы. Эти два приема — пространственная координация и цветовой контраст — могут сочетаться друг с другом.

Если нелинейность содержимого — главное отличие веб–сайта от более традиционных видов публикаций, то навигационная система есть необходимое каждому сайту средство ориентировки и перемещения в этом нелинейном пространстве. Каждая страница сайта должна, помимо всех прочих предъявляемых к ней требований, отвечать посетителю на два неизбежно возникающих у него вопроса — «где я нахожусь?» и «куда мне отсюда идти?»