Разумное сочетание шрифтов

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

Рационально используйте графические элементы

В дизайне печатных изданий можно широко использовать графические элементы. Однако в Web-дизайне большие фотографии и сложная графика, которая занимает всю Web-страницу, могут оказаться "неуклюжими слонами" для пользователей с низкой скоростью ин­тернет-соединения. Большие фотографии предполагают большой размер файла, который бу­дет медленно загружаться. При проектировании Web-страниц попытайтесь комбинировать небольшие повторяющиеся графические элементы (фоновые изображения и надписи в ячей­ках) с маленькими изображениями и графикой, сгенерированной в HTML. Такой комбинированный под­ход делает страницу графически богаче и, кроме того, рациональнее.

Можно избежать горизонтального и вертикального выравнивания, поместив Flash-анимацию на Web-странипу с наклонным макетом. В отличие от HTML-кода, Flash предоставляет гораздо больше свободы при создании макетов. Flash-анимация просто встраивается на HTML-странииу. как обычное изображение, и в конечном счете выравнива­ется системой разметки страницы.

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

Иногда заказчику настолько близка его предметная область, что ему очень тяжело ре­шить, какие элементы являются самыми важными на странице. Такой заказчик убежден, что абсолютно все элементы нужно сделать большого размера и максимально детализировать каждый из них, насколько это только представляется возможным. Как дизайнер, вы должны помочь определить приоритет. Если вы сделаете все элементы одинакового размера, как того требует заказчик, ничто не будет выделяться — элементы будут "состязаться" друг с другом за внимание пользователя.

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