Веб-дизайн
Шрифт:
Кегль. Начнем с выбора кегля. Очевидно, что чем крупнее шрифт, тем более громко, явственно звучит набранный им текст. Однако во многих случаях верно и обратное. Как на географической карте труднее всего заметить надпись, набранную аршинными буквами через весь лист, так и слишком крупные заголовки могут ускользать от внимания читателя, восприниматься скорее как декоративное пятно, чем как носитель информации. И наоборот, мелкие надписи заставляют читателя всмотреться, потратить больше времени на чтение и потому полнее воспринять и лучше запомнить информацию. (Разумеется, этим нельзя злоупотреблять: мелкий текст будет с гарантией прочитан только тогда, когда его немного и он окружен достаточно большим пустым пространством или же находится в
Ограничения на объем графических файлов на веб–страницах (стр. 176) делают использование мелкого текста особенно привлекательным, так что многие профессиональные страницы и в самом деле оставляют впечатление работы художника–миниатюриста. И наоборот, изобилие бессмысленно крупных надписей, пытающихся «грубой силой» размера заглушить диссонансы своего цветового и шрифтового оформления, — один из вернейших признаков безнадежно любительского дизайна.
Крупными кеглями, однако, пренебрегать все же не стоит — они составят прекрасный контраст мелким надписям (не забывайте только о принципе ограничения пропорций сверху, стр.83), а их «повышенную громкость» можно обыграть, использовав их для второстепенных по информационной важности элементов — таких как логотип фирмы (если читатель и так уже знает, на сайте какой фирмы он находится) или заголовки в форме риторических вопросов. Нередко можно видеть очень крупные, но бледные и размытые фоновые надписи, повторяющие то, что уже набрано более мелким и четким шрифтом на переднем плане.
Если разница кегля двух надписей поддерживает контраст их шрифтов, то для надписи большего кегля обычно лучше воспользоваться рубленым шрифтом, потому что увеличенный кегль хорошо сочетается с его жирным начертанием. С другой стороны, в повышенном кегле может красиво смотреться и шрифт с засечками, в котором при этом становятся видны подробности его сложного контура; и наоборот, надписи небольшого размера лучше читаются, если они набраны шрифтом без засечек (см. также стр.81).
При изменении кегля текстовой надписи нужно очень осторожно обращаться с пропорциями букв. Небольшое растяжение или сжатие (не превышающее 10–20 % от исходного размера) для лучшего выравнивания или координации с другими элементами вполне допустимо, если в ближайшем соседстве с этой надписью нет того же шрифта в исходном, неискаженном виде. Однако более сильные перетяжки самым плачевным образом сказываются на эстетике шрифта, в особенности на соотношении толщины горизонтальных и вертикальных штрихов.
Это значит, в частности, что шрифты типа новой антиквы, у которых контраст штрихов и без того значителен, лучше поддаются сжатию и растяжению, чем, скажем, антиква переходная. Кроме того, довольно терпимы к искажениям рубленые шрифты — их форма проще и потому более эластична, чем у шрифтов с засечками. Для сжатого по горизонтали шрифта несколько сгладить дурное впечатление может подчеркнутая нехватка места (например, установка его «враспор» между другими элементами или краями композиции), но даже и в этом случае лучше пользоваться специально разработанными узкими (condensed) шрифтами.
Поскольку кегль шрифта измеряется по высоте заглавных букв, тогда как отношение высоты строчных к высоте заглавных разное у разных шрифтов, вряд ли стоит обращать большое внимание на величину кегля в пунктах или других единицах измерения. Добиваясь равной высоты (или другого требуемого соотношения размеров), кегли разных шрифтов следует подбирать визуально и в заголовочных элементах, и в основном тексте.
К сожалению, совет этот неприменим к тексту в HTML (стр. 215), который у разных пользователей будет иметь разный размер, что приходится учитывать в веб–дизайне. В CSS2, с другой стороны, предусмотрен особый механизм выравнивания расположенных по соседству шрифтов не по паспортной величине кегля, а по реальной высоте строчных букв (стр. 218).
Прописные и строчные. Если расстановка заглавных букв в обычном тексте определяется правилами орфографии, то заголовки и другие выделенные элементы могут использовать разные стили — все заглавные, все строчные, заглавная только первая буква фразы или (распространенный в английском стиль, к счастью, так и не прижившийся на русской почве) первые буквы всех значимых слов.
Стиль «все заглавные» в электронной почте (да и в любом обычном тексте) ассоциируется с повышенной громкостью голоса, криком. Тот же эффект может наблюдаться и в заголовках, особенно если текст достаточно длинен, а кегль шрифта велик. Однако в коротких надписях небольшим кеглем неприятная назойливость пропадает, и стиль этот обнаруживает свое истинное звучание — строгое и чистое, чем–то неуловимо напоминающее об античности (древние римляне, как известно, строчных букв не имели). Геометрическая простота заглавных букв по принципу контраста лучше сочетается со шрифтами с засечками, а особо мелкий кегль даже требует использования заглавных, так как более близкие друг к другу по своему рисунку строчные буквы могут быть в таком размере трудноразличимы. Стиль «все, заглавные» не годится для курсивов и тем более декоративных рукописных шрифтов.
Выделение заглавной только первой буквы фразы, делающее' ее неотличимой от фразы в обычном тексте, придает ей звучание ровное, повествовательное, несколько суховатое (его можно сделать еще более отчетливым, добавив в конце точку). Визуально этот стиль вводит сильную асимметрию (начало фразы с заглавной буквой «перетягивает» конец), поэтому его нельзя использовать в выражение симметричных композициях.
Заглавные Первые Буквы Значимых Слов (англ. Initial Caps) заставляют англоязычный заголовок звучать газетно, рекламно, самоуверенно, а в последнее время этот стиль приобретает к тому же явственный привкус старомодности (его использование ограничено почти исключительно названиями компаний и заглавиями книг, песен, фильмов и т. п.). По–русски такое оформление фразы допустимо только изредка в переводах с английского, в которых требуется сохранить «дух оригинала». В заголовках, содержащих смесь строчных и заглавных букв, нельзя пользоваться разрядкой (стр. 142).
Особого внимания заслуживает стиль «все строчные», завоевывающий все большую популярность в разных областях дизайна. Строка или слово, набранные одними строчными буквами, производят впечатление вырванных из контекста, подвешенных в воздухе. Это может быть уместным, если надпись, например, является одной из кнопок на навигационной панели или частью какого–либо иного целого, обеспечивающего необходимый контекст восприятия. Если же этот стиль используется для отдельно стоящих, информационно слабо связанных с окружением элементов, набранный таким образом текст может приобрести раздражающе нарочитое, иногда даже несколько претенциозное звучание. Фразы в этом стиле чем–то напоминают бессвязные, сомнамбулические фоновые голоса в записях «Пинк Флойд».
С другой стороны, частое применение стиля «все строчные» делает его все более привычным и нейтральным для восприятия. Некоторая отстраненность в его звучании определенно остается, так что не стоит пользоваться этим стилем для строгих деловых страниц, — однако во многих других случаях он вполне уместен.
Интервалы. Огромное влияние на восприятие текста оказывают интервалы набора — расстояния между буквами в словах, между словами и между строками в абзацах. Развивая аналогию с голосом, читающим текст, величины интервалов можно уподобить быстроте произнесения слов — с той только разницей, что интервалы в наборе можно менять по двум измерениям, а не по одному.
Прежде чем пускаться в эксперименты, позаботьтесь о правильной установке межбуквенного расстояния в зависимости от кегля шрифта. Чем меньше кегль шрифта, тем свободнее, дальше друг от друга должны стоять буквы, и наоборот — чем крупнее шрифт, тем относительно теснее должен быть набор (рис. 37). Интервалы «по умолчанию» в большинстве шрифтов рассчитаны на кегль 10 пунктов (приблизительно такой, как у основного текста в этой книге). Регулировка плотности набора, называемая тренингом (tracking), в некоторых программах делается автоматически, но в других ее приходится осуществлять вручную.