Для создания сбалансированного и единообразного web-сайта есть лишь один самый простой способ - разработка модульной сетки. Она поможет создать визуальную структуру, скомпонует среду для содержания всех элементов. Благодаря грамотно созданному типовому шаблону все детали сайта (тексты, изображения, видео, стандартные блоки или реклама) будут систематизированы и логически связаны между собой.
Модульная сетка - это набор направляющих линеек и простых линий в шаблоне сайта, структура модельной сетки может оказаться довольно сложной, детализированной, а может быть простой и стандартной. Определить тип модульной сетки помогут такие факторы, как назначение будущего сайта, его целевая аудитория, требования к рекламному содержанию. Набор и тип содержания сайта определяют окончательный выбор структуры модульной сетки.
Использование модульной сетки
Шаблон должен давать ощущение движения, ритма, потока, все элементы должны гармонировать друг с другом и формировать общие сцены просмотра. Правильно созданная модульная сетка не только позволит разместить множество разрозненных элементов, но и связать всю информацию на сайте воедино.
Самый эффективный модуль - это три колонки, три базовых ячейки. При этом следует учитывать, что верхний и нижний колонтитулы должны быть по ширине равны размеру трёх базовых ячеек. Этот вид шаблона стандартный, используется чаще всего.
Развивая фантазию, можно разбить три колонки на одну более широкую и одну чуть меньшей ширины. При этом колонтитул не должен выходить за пределы размеров ширины ячеек.
Наиболее сложная структура модульной сетки - это нестандартные решения, где сетка определяет только ширину колонок или расстояние между отдельными объектами. Это уже ближе к структуре дизайна. Такие модульные сетки очень сложны в разработке и под силу лишь профессионалам. Как правило, построение идёт по следующей схеме:
1.Колонтитул:
- заголовок
- навигация
- видеоматериалы
2. Ячейки - четыре, где две - одного размера, а третья разделена по вертикали на две части:
- новости
- галерея фотографий, постеров, картинок
- панель рекламного блока
- последний номер журнала (новый диск, фильм и т.д.)
Такая модульная сетка используется журналами, новостными сайтами.
Интерфейс модульной сетки
Динамическое содержание сайта требует эффективной модульной сетки для навигации и поиска необходимого материала. Использование такой сетки помогает группировать и создавать чёткие границы между объектами. Для каждого объекта в сетке выделена важная информация, а все вместе объекты отформатированы единообразно, для удобства пользователя.
Такая модульная сетка используется при создании интернет-магазинов одежды, техники и т.д.
При помощи модульной сетки можно создавать множество концепций построения сайта, модульная сетка является своего рода инструментом для сотворения эстетической структуры на основе линий и форм.
|
