Веб-дизайн

         

Кегль


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

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

Крупными кеглями, однако, пренебрегать все же не сто­ит — они составят прекрасный контраст мелким надписям (не забывайте только о принципе ограничения пропорций

139

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

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

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

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

Поскольку кегль шрифта измеряется по высоте заглавных букв, тогда как отношение высоты строчных к высоте заглавных разное у разных шрифтов, вряд ли стоит обращать

140

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

К сожалению, совет этот неприменим к тексту в HTML (стр. 215), кото­рый у разных пользователей будет иметь разный размер, что приходится учитывать в веб-дизайне. В CSS2, с другой стороны, предусмотрен особый механизм выравнивания расположенных по соседству шрифтов не по пас­портной величине кегля, а по реальной высоте строчных букв (стр. 218).


Содержание раздела