Модульная сетка

Какими модульными сетками в веб-дизайне вы пользуетесь? Расскажите, покажите).





Если у кого есть такая сетка, поделитесь)

Комментарии пользователей

Matroskin

http://modulargrid.org/#panel Попробуйте это

dreamtrance

http://960.gs/ - уже 2 года использую этот набор.

Artweb

dreamtrance, я тоже ей пользуюсь, но возникла нужда еще и в горизонтальной сетке Matroskin, спасибо, хоть не люблю эти плагины, но попробую

fol
fol

я раньше тоже юзал 960, но потом нашел вот такой плагин http://guideguide.me/

otvetchikoff

http://960.gs/ - уже 2 года использую этот набор.
+1, иногда слегка настраиваю под себя

Artweb

Вопрос. Раз уж столько версий модульных сеток... Условностей, которых желательно придерживать (или не придерживаться :)). Поправьте, если я несу чушь: "Смысл модульной сетки - пропорциональность, грамотность (называйте как хотите) расположения элементов". Так сказать, "порядок" на страничке. Да и не только на страничке. Если мне к примеру удобнее работать с такой сеткой, есть ли особая разница тогда, если цель одна? Создать более-менее грамотную гармонию. 06dfb9e9a9e771b6477c53fc611ca8d8.jpeg

spdif

960 Grid, в связке с Бутстрапом идеальный вариант. Ну и кастомизирую под себя.

Ellionz

Я вообще про сетку давно забыл, расставляю 6-8 направляющих через гайдгайд и погнали. Все эти одинаковые межстрочные интервалы и три вида кегля стары как говно мамонта

Romamber

960 Grid, в связке с Бутстрапом идеальный вариант. Ну и кастомизирую под себя.
А бутстрап как используешь в контексте 960?

zhivcheg

Я вообще про сетку давно забыл, расставляю 6-8 направляющих через гайдгайд и погнали. Все эти одинаковые межстрочные интервалы и три вида кегля стары как говно мамонта
Поддерживаю. Для каждого проекта своя сетка от 3х до 6 колонок направляющими. Буйство колонок в http://960.gs/ больше путает чем помогает. Клевые модульные сетки у Сергея Гурова http://www.revision.ru/work/36092/set1/ И Александра Лагуты https://www.free-lance.ru/users/fuge/ А еще есть вымирающее сообщество на фрилансе https://www.free-lance.ru/commune/professionalnyie/943/setki-teoriya-i-praktika/

Artweb

zhivcheg, Про фриланс и про 960-й грид я с вами согласен. Спасибо за ссылки) Ellionz, Раз такой расклад, то я зря парюсь об этом? =)

Hellgate

установите расширение для фш GuideGuide и будет вам счастье

spdif

[quote=""]960 Grid, в связке с Бутстрапом идеальный вариант. Ну и кастомизирую под себя.
А бутстрап как используешь в контексте 960?[/quote] В бутстрапе «span1» это одна колонка, «span12» ширина блока равно 12 колонкам. То есть если у тебя в дизайне блок занимает 3 колонки, то при верстке задаешь DIV'у класс «span3». Дли дизайнера не будет трудно верстать свои 960 Grid макеты в бутстрапе. Есть еще один большой плюс. девелоперы могут не ждать конечный дизайн и сами сверстать функционал по прототипу на бутстрапе. Дальше ты просто берешь их скелет и добавляешь свои стили и картинки. Сейчас вышел Бутстрап 3, там вместо span появился новый класс, но суть осталась там же.

Svetlov

Мне кажется сетку стоит выбирать для конкретной ситуации свою. Если нужно создать промо или какой то имиджевый сайт, то можно поэкспериментировать с сеткой, но если нужено делать дизайн интернет магазина, у которого ожидается большое количество посетителей и 1000+ товаров, то стоит использовать что-то более стандартное, с возможностью адаптации для мобильных устройств. Бутстрап мне кажется лучший вариант для данных сайтов. Сетки для него можно скачать здесь http://benstewart.net/2012/06/bootstrap-responsive-photoshop-templates/

Artweb

Svetlov, Вот это очень полезно! Спасибо вам) А то, что для каждой ситуации своя сетка - это безусловно. Просто под мою задачу идеально подошла бы сетка Черенкевича именно как на картинке, вот в чем собственно пост и был. Искал такую, но не смог найти. В его блоге ссылки не работают(

Kurilshik

модульную сетку не использую. только направляющие

Kurilshik

Кстати, на примере в вашей картинке, сеткаесть, но контент не по сетке =)

Artweb

Kurilshik, ну это пример просто :)