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

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

С другой стороны, частое применение стиля «все строчные» делает его все более привычным и нейтральным для восприятия. Некоторая отстраненность в его звучании определенно остается, так что не стоит пользоваться этим стилем для строгих деловых страниц, — однако во многих других случаях он вполне уместен.

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

Прежде чем пускаться в эксперименты, позаботьтесь о правильной установке межбуквенного расстояния в зависимости от кегля шрифта. Чем меньше кегль шрифта, тем свободнее, дальше друг от друга должны стоять буквы, и наоборот — чем крупнее шрифт, тем относительно теснее должен быть набор (рис. 37). Интервалы «по умолчанию» в большинстве шрифтов рассчитаны на кегль 10 пунктов (приблизительно такой, как у основного текста в этой книге). Регулировка плотности набора, называемая тренингом (tracking), в некоторых программах делается автоматически, но в других ее приходится осуществлять вручную.

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

Рис. 37 Автоматическая регулировка межбуквенных расстояний в зависимости от кегля: текст без трекинга (вверху) и с тренингом (внизу)

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

Рис. 38 Ручная регулировка межбуквенных расстояний — кернинг

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

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

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

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

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

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

Вспомнив принципы размещения материала на плоскости, о которых мы говорили на стр.86, вы без труда сообразите, что два последних приема — увеличенный против обычного или нулевой интерлиньяж — суть частные случаи двумерного размещения букв с явным предпочтением одного из направлений.

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

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

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