1 заметка с тегом

Мозг РСС

Почему системы сеток — отстой

22 октября 2012, 14:03

Системы сеток, как и всё автоматизированное, — отстой, потому что отключают мозг дизайнера.

Существует много различных систем сеток — 12-, 16-, 24-колоночные и прочие. Выглядят они, например, вот так:

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

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

Всё зависит от размеров элементов и их вида:

Чем крупнее элемент, тем больший отступ от соседа ему нужен. Если в случае с картинками мелкий отступ может быть оправдан художественным или оформительским приёмом, то для текста такая отмазка уже не канает:

Для того, чтобы текстовые блоки в свободно свёрстанной странице смотрелись нормально приходится вводить компенсирующие отступы.

И совсем беда если страница должна иметь более сложную вёрстку, нежели простой четырёх- или трёхколоночник. Например, левый широкий столбец с плиткой фотографий + боковой столбец:

Очевидно, что заданный сеткой шаг колонок тут не подходит и нужно уменьшать отступы между картинками основного столбца и увеличивать расстояние между основным и боковым столбцом. Есть ли такая система сеток, позволяющая всё это сделать? Конечно — 1000-колоночная сетка пикселей.