Выбор компоновки Web-страниц.

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

Следует отметить следующие принципы оформления:

а) баланс – это равновесие взаимодействующих или противоположных сил в композиции. Его можно достичь с помощью правильного размещения объектов, размеров объекта и по цвету. Баланс может быть симметричным, асимметричным, радиальным (объекты расположены кругом и расходятся из одной точки);

б) контраст – это взаимодействие противоположных элементов композиции, таких как цвет, размер, текстура и т.д. Примеры контраста: большой и маленький, шероховатый и гладкий, толстый и тонкий, черный и белый;

в) значимость и подчиненность – этот принцип предполагает выделение, так называемого, центра интереса, на котором предполагается сосредоточить внимание зрителя. Объекты должны находиться в иерархии по значимости и подчиненности. Если все объекты будут иметь одинаковую значимость, то внимание пользователя рассеивается;

г) направление внимания - управление движением взгляда зрителя во время его перемещения по сайту, чтобы привлечь его внимание к значимым элементам;

д) пропорция – это отношение отдельной части ко всему объекту, а также соотношение отдельных частей друг с другом;

е) масштаб – это реальный, видимый размер объекта, рассматриваемый в отношении других предметов, людей, окружающей среды;

ж) предполагает повторение элементов дизайна для достижения определенной цели, например, чтобы задать направление взгляда или для непрерывности внимания;

з) единство в разнообразии – предполагает сочетание разнообразных элементов композиции в целостную единую структуру, подчиненную единой концепции.

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

Любая страница, публикуемая в сети, состоит из набора элементов, которые являются неотъемлемыми компонентами любого Интернет-ресурса. Каждый из них исполняет определённую функцию, то есть несет свою смысловую нагрузку. Элементов, не несущих ни какой информации, размещать на странице не следует. Основные элементы компоновки веб-страницы:

а) «Header» – шапка сайта. Это сегмент, в котором обычно размещается картинка-логотип, слоган, форма для поиска и если есть в этом необходимость – горизонтальное меню. Однако в этом элементе размещается, прежде всего, заголовок, который может быть выполнен как в текстовом, так и в графическом варианте, однако и в том и в другом случае он должен располагаться в верхней части документа. Непосредственно подзаголовком документа, как правило, располагается пространство, отведенное для размещения рекламного баннера или логотипа.

б) контент – основное содержимое, несущее самую важную смысловую нагрузку. Это – текст, картинки, ссылки и так далее, занимающие основную часть веб-страницы.

в) элементы навигации – средство связи веб-страниц в сайте. Могут быть выполнены в виде графических объектов, готовых кнопок, текстовых строк и т.д.

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

Существуют следующие наиболее распространенные компоновки веб-страниц с различным расположением навигационной панели:

а) левосторонняя (правосторонняя);

б) с верхним расположением навигации;

в) комбинированная.

В левосторонней (правосторонней) компоновке веб-страниц осуществлено позиционирование элементов навигации по левой (правой) границе документа. Пример левостороннего расположения панели навигации представлено в соответствии с рис.1.

Рис.1. Левостороннее позиционирование Панели навигации

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

При верхнем позиционировании Панель навигации располагается вверху документа в соответствии с рис.2.

Рис.2. Верхнее позиционирование Панели навигации

Существует так же комбинированная компоновка, примерная схема которой приведена на рис.3.

Рис.3. Комбинированная компоновка веб-страницы

Дата добавления: 2015-10-02