Как спроектировать современный сайт (Вин) - страница 27

Использование образцов помогает определить правильную длину строки и размер шрифта

Какой размер шрифта подойдет для выбранной ширины?

Можно воспользоваться калькулятором, но у шрифтов могут быть разные параметры, поэтому лучше всего использовать образец текста и оценить получившуюся картину визуально.

При использовании шрифта Georgia Regular 12 пт в строку помещаются около 80 символов, шрифта Georgia Regular 14 пт – чуть больше 60 символов. Другие дизайнеры и пользователи могут выбрать другие размеры, но мы используем Georgia Regular 13 пт. Результат составит примерно 70 символов на строку.

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

Вставляя образец текста в колонки разной ширины, можно оценить правильность выбора размера шрифта

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

Для нашего проекта мы выберем интерлиньяж 18 пт, чтобы текст принял цельный и приятный вид. Таким образом, мы получим сетку базовых линий – базовые линии заполняют всю страницу сверху до низу, повторяясь каждые 18 пикселов. Эта сетка поможет нам расположить текст и другие элементы, но важно помнить, что это не более, чем рекомендация. Слишком строгое следование сетке в веб-дизайне нерационально, потому что выровнять все элементы по базовой и колоночной сеткам слишком сложно. Преимущества использования сетки в веб-дизайне бросаются в глаза, если элементы выравниваются по колоночной сетке. То есть большинство пользователей не обратят внимание на выравнивание по базовой сетке.