Рекомендуемые системы сеток или макеты для больших дисплеев и адаптивных дизайнов

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

Быстрый поиск в Google покажет вам множество вариантов.
Смотрите этот пост для получения дополнительных фреймворков: graphicdesign.stackexchange.com/a/16410/7520

Ответы (2)

Я бы сказал, что Twitter Bootstrap , пожалуй, один из фаворитов.

У него хорошая система сетки , в которой используется 12 столбцов, что делает контейнер шириной 940 пикселей без включенных адаптивных функций. С добавлением отзывчивого файла CSS сетка адаптируется к ширине 724px и 1170px в зависимости от вашего окна просмотра. Ниже окна просмотра 767 пикселей столбцы становятся плавными и складываются вертикально:

введите описание изображения здесь

Это также позволяет смещать и вкладывать столбцы.

Foundation4 также довольно продвинут. Когда вы проектируете, что вы проектируете для размеров в пикселях?

Смотрите этот пост для получения дополнительных фреймворков: https://graphicdesign.stackexchange.com/a/16410/7520

Также проверьте этот сайт для многих вариантов. Лично я использую настроенную версию Base . Он очень легкий и не имеет всех «прибамбасов», если вам нравится вариант «сделай сам».