Основы графического дизайна на базе компьютерных технологий (Яцюк) - страница 118

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

Колонки помогают структурировать текст, но их длина не должна превышать 300 пикселов. Хорошо смотрится страница, на которой колонка с основным текстом располагается по центру страницы, левая колонка используется для системы навигации, правая – для дополнительной информации или цитат.

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

Ниже приведены некоторые рекомендации и описаны возможностей форматирования текста с помощью HTML-кода.

□ Пустое пространство особенно важно для содержательных страниц. На них рекомендуется оставлять свободными от 40 до 60 процентов поля экрана.

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

□ При разметке текста можно задавать длину строк и отделять одну область текста от другой. Длина строки должна составлять от 50 до 70 символов или от 7 до 15 слов.

□ По умолчанию HTML-текст отображается в том стиле, который определил браузер, при этом расстояние между строками близко к одинарному интервалу. Для улучшения восприятия текста интерлиньяж можно увеличить.

□ Для структурирования информации применяются заголовки и подзаголовки. Нужно, чтобы они явно отличались друг от друга.

□ Различные по значимости части текста выделяются гарнитурами, размером, цветом, яркостью.

□ Имеется возможность задавать двойные интервалы между абзацами для улучшения восприятия текста на экране.

□ Буквицы, выступающие инициалы или начальная буква, выступающая за левый край текста, хорошо структурируют текст, но их применение связано с дополнительными операциями. Целесообразно применять эти эффекты для выделения достаточно больших разделов.

5.5. Цвет в Web

Огромную роль в композиции страницы играет цвет. Если вы считаете, что дизайн хороший, значит, разработчики грамотно подобрали сочетание цветов и правильно определили их эмоциональное воздействие. Дизайнер должен чувствовать цвет и уметь оценивать, насколько его работа улучшает восприятие Web-страниц. Необходимо знать ограничения, накладываемые средой Интернет, использовать ее преимущества и уметь превращать недостатки в достоинства.