Занимательная типографика (часть 2)

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

Для правильной организации содержания необходимо внимательно относиться к выбору стилей заголовков и подзаголовков необходимо, поэтому старайтесь, чтобы все выглядело согласованно. То, что HTML предлагает шесть уровней заголовков, не означает, что Вы должны всегда использовать все шесть уровней на одной странице. Например, в данной статье использовалось только два заголовка: Н2 и жирный шрифт для подзаголовков

Работа с текстовыми блоками
Текст с экрана утомительно читать не только из-за того что информация передается пользователю посредством излучения монитора (а не в отраженном свете, как при чтении книг), но и потому, что организация большинства веб-страниц нарушает одно из основных правил книжной и журнальной типографики: строки в тексте на большинстве страниц слишком длинные для того, чтобы их можно было легко прочесть. Колонки в журналах и книгах делают узкими по физиологическим причинам: на обычном расстоянии для чтения диапазон движения глаза составляет лишь около 8 см, поэтому дизайнеры стараются вместить информативные фрагменты текста в колонки не шире, чем удобный диапазон для глаза читателя. Более широкие строки текста требуют, чтобы читатели двигали свои головы медленно или напрягали мышцы глаз, чтобы следить за длинными строками текста. К сожалению, большинство веб-страниц почти вдвое шире охвата глаза читателя, поэтому необходимо дополнительное усилие для сканирования таких длинных строк. Если вы хотите, подтолкнуть пользователей своего веб-сайта на самом деле прочесть документ онлайн (вместо того, чтобы его напечатать для последующего прочтения), рассмотрите возможность использования HTML-тегов “BLOCKQUOTE ” или “PRE”, чтобы сократить длину строки текстовых блоков примерно до половины нормальной ширины веб-страницы.

Литература
White, J. V. 1988. Graphic design for the electronic age. New York: Watson-Guptil.
Wilson, A. 1974. The design of books. Salt Lake City: Peregrine Smith, Inc.