Грид система

Grid System

Система направляющих, позволяющая выровнять элементы пользовательского интерфейса по колонкам (обычно используется 12ти колоночная сетка). Сетка позволяет определить базовую разметку страницы (стандарт) для взаимодействия дизайнера с разработчиком, сократив количество коммуникаций по позиционированию. Важно чтобы верстальщик и дизайнер работали по одной и той же сетке до пикселя. Для этого необходима их координация (будет ли масштабировать разработчик сетку дизайнера по сетке bootstrap или наоборот) перед началом дизайна интерфейса. Терминология Gutter - отступы между колонками сетки Margin - отступы от крайних колонок сетки Резиновая сетка — сетка которая масштабируется при увеличении размера Адаптивная сетка — сетка которая меняет топологию (количество колонок и или их размер) в зависимости от устройства и размера экрана Дополнительная информация

• Грид калькулятор http://gridcalculator.dk/

• Модульная сетка макета с нуля: анализ, расчет и построение