Сетка, как основа сайта, или блочный дизайн

Источник: womtec
Илья Федотов

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

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

  • Создание визуальных путей для того, чтобы направлять пользователей
  • Комбинирование различных компонентов в единое целое
  • Сортировка информации

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

Сетка, как основа сайта, или блочный дизайн
Сетка, как основа сайта, или блочный дизайн
Сетка, как основа сайта, или блочный дизайн
Сетка, как основа сайта, или блочный дизайн

Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=33057