План местности. Выбираем структуру страницы

Компоновка страниц

Чтобы получить представление о том, с чем сталкивается разработчик, с нуля проектирующий сайт, давайте рассмотрим такой важный момент, как компоновка страниц сайта. Ибо если нет представления о том, как будет организована страница, какова будет её структура и логика, дальше двигаться некуда. И второй аргумент: если мы не в состоянии вообразить логику одной страницы, то как быть с логикой целого сайта? Попутно заметим - порой в этом одна из причин провала целых интернет-проектов.

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

Если сайт невелик и навигация проста, компоновка как правило сводится к классической схеме:

• хедер (шапка) сайта, содержащая логотип, название, слоган и другую важную информацию. Зачастую здесь же размещаются блоки с рекламой спонсоров и партнёров;
• верхнее/либо левое/либо правое меню навигации;
• контентная часть (содержимое материалов);
• "подвал", содержащий копирайт, контактную и дополнительную информацию и в некоторых случаях дублирующее меню.

Если разделов и страниц много, навигация может быть разветвлённой. В этом случае, чтобы упростить восприятие, может быть создано насколько отдельных меню: главное - в хедере (верхней части сайта), дополнительные (например, перечень услуг) - слева и/или справа. 

Все эти варианты проиллюстрированы в галерее:

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

Чаще всего заранее подобранный материал и отрисовка схемы размещения позволяют определиться с выбором компоновки страниц сайта.

Для этого желательно:

• Подобрать все возможные материалы для сайта (текстовые, графические, табличные). 
• Предварительно разложить материалы так, как они по вашему мнению расположатся на страницах сайта. 
• Составить ТЗ (техническое задание) на разработку сайта, учитывая сделанные при подготовке выводы.      
• Компоновка сайта и его отдельных страниц будет напрямую зависеть от насыщенности сайта материалами. Если предполагаемое число страниц невелико, предпочтительна одноуровневая система навигации. Если количество страниц сайта находится в пределах от 50 до 500, стоит использовать двухуровневую (вложенную) систему навигации.

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