Лучшие статьи категории «Веб-сайты»

Подписка

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

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

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

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

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

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

Заключение

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

Нет, это вовсе не означает, что внешний вид сайта должен быть линейным и простым. Порой, даже простые геометрические фигуры, умело «разбавленные» цветами, изображениями и графикой (вспомните плоский дизайн), могут быть по-настоящему привлекательными. Как считаете? Разве такое явное разделение на блоки не выглядит привлекательным?



Комментарии (1)

Seo2z / 15 Апрель 2013 в 01:06

В примерах, почему-то, только metro-style. Понятие сетки не раскрыто. Стоило упомянуть об адаптивном дизайне, в котором сетка, как раз, самое главное.

Добавить новый комментарий

* — поля обязательные для заполнения XHTML: Вы также можете использовать эти тэги: <a href="" title=""> <pre lang=""> <blockquote> Перейти наверх

Поиск

Популярные статьи

Комментарии

  • Fotografas: Отличная фотография.
  • Тимофей: Хрень полная. А если у меня данных, ну штук 50-70, в...
  • Irmaseo: Время решает все.
  • Дмитрий: Есть еще один вариант – заказать у друга-дизайнер...
  • Sindor: Полезная статья, спасибо автору!
  • Ganesa: Клипарты очень и очень выручают, даже те сервисы, которые с...
  • Елена Калинина: Атомарный дизайн пригодится очень при...
  • Елена Калинина: Логотип того или иного города легко найти в...

Друзья

Нашли ошибку?

Если вы нашли грамматическую ошибку на сайте, выделите ее и нажмите сочетание клавиш Ctrl+Enter.

Система Orphus