+7(919)219-14-03
Звоните прямо сейчас
Модульные сетки в веб дизайне

Модульные сетки в веб дизайне

Модульные сетки в веб дизайне представляют собой набор вертикальных (иногда и горизонтальных) колонок, по которым выстраивается весь контент.

17 ноября 2018 в 20:17

Модульные сетки в веб дизайне – это условный каркас проекта, позволяющий создать композицию и ритм сайта. Пример использования сеток вы можете посмотреть на сайте 960.gs. Прокрутите сайт до примеров проектов, нажмите кнопку “Show grid” (показать сетку) и вы увидите, как по ней “легли” все фотографии и тексты.

Модульные сетки в веб дизайне

Для чего нужны модульные сетки в веб дизайне

Модульные сетки в веб дизайне, позволяют упорядочить и структурировано расположить весь объем вашей информации. Таким образом, используя их, мы можем из хаоса и груды информации создать порядок.
Ярким примером хаотичного размещения информации является фейковый сайт avos.me, на котором все элементы носят ситуативный характер, т.е. расположены не по каким-то правилам и не в определенной последовательности, а как попало. Такой продукт не может вызывать доверие со стороны пользователя, т.к. не может качественно донести до него всю суть.
Представьте, что вы столкнетесь с похожим хаосом и беспорядком в интернет-магазине. Каковы будут ваши действия? Скорее всего вы закроете сайт и забудете о нем, потому что он не сможет решить ваши задачи. 

Модульные сетки в веб дизайне

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

Модульные сетки в веб дизайне

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

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

Модульные сетки в веб дизайне

В другой раз мы рассмотрим виды модульных сеток. Подписывайся, а то все пропустишь! :) 



Подарок внутри! Подписка на обновление блога по Web-дизайну.
Бесплатный подарок для подписчиков нашего блога->
Курсы по Веб-дизайну!
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: Web-дизайн

Другие статьи блога

Цвет в веб-дизайне
Цвет в веб-дизайне
Про ложь и обман
Про ложь и обман
История IQSites
История IQSites

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "3.214.184.223" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "56ed9613ac5b457afc796999cd1a3370" }