Свободное пространство

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

Ниже перечислены некоторые методы, которые позволяют "расширить" ваш макет и создать больше свободного пространства для пользователей.

Используйте с умом свободное пространство. Свободное пространство — это области белою цвета или светлых тонов вокруг ваших элементов дизай­на. Это, как свежий воздух для человека, который дает ощущение комфорта. Неплохо было бы оставить свободным от графики низ страницы. Еще один совет: оставьте побольше места вокруг наиболее важных областей страницы, что позволит выделить их визуально. Web-сайт фирмы Apple www.apple.com знаменит широким использованием свободного пространства.

Конечно, те же принципы применимы, когда вы создаете Web-сайт с исполь­зованием черного или какого-либо темного фона. Однако чувства, которые связаны с темными цветами, несколько иные. Свободное пространство во­круг объектов на фоне темного цвета вызывает чувство драматизма и волне­ния. Создайте несколько "плавающих" элементов. Как правило, макеты Web-страниц имеют геометрически правильные очертания прямоугольной фор­мы. И хотя выравнивание элементов на Web-странице с помощью сетки счи­тается правилом хорошего тона, страница может выглядеть слишком стро­гой, если четко придерживаться сетки. Чтобы придать Web-странице визу­альную привлекательность, поэкспериментируйте с самым главным элемен­том на странице. Дайте возможность главному элементу не следовать строго правилам разметки. Это позволит выделить главный элемент. Обратите вни­мание на дизайн элемента, который расположен одновременно в двух колон­ках макета.

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

Расположение, расположение и еще раз расположение! Всегда размещай­те интерактивные элементы (кнопки и ссылки) в одном и том же месте на каждой странице. К примеру, создайте стандартную навигационную панель и найдите для нее удобное место на странице, оставьте ее там — теперь она будет на этом месте. После того вы "приучите" пользователей перемещаться по сайту, вы не захотите, чтобы они снова искали навигационные элементы.

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