Книга: Веб-дизайн

ЗАГОЛОВКИ: ДИЗАЙН

ЗАГОЛОВКИ: ДИЗАЙН

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

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

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

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

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

Оглавление книги