Как правильно подобрать сетку? Какие виды сеток существуют? Хм… Что ж, давайте разбираться.

Это “полка” с различной информацией про сетки и структуру разметки пространства. Будет дополняться :)

“ The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. ”
Josef Müller-Brockmann

В 1950-х и 1960-х годах швейцарские графические дизайнеры, в том числе Герстнер, Рудер и Мюллер-Брокман, разработали модульные сеточные системы, пример ниже.

Modular Grid: Karl Gerstner

Видеолекции:

Ресурсы:

  1. Посмотреть как выглядит сайт на разных экранах [1]
  2. Посмотреть как выглядит сайт на разных экранах [2]
  3. Grid-calculator (based on Sketch.App)

Ссылки:

  1. Bootstrap grid
  2. Material grid [1]
  3. Material layout grid [2]
  4. Habr: Модульная сетка с нуля
  5. Grid System (Sketch app)
  6. Модульные сетки и UI

Книги:

  1. Графический дизайн. Принцип сетки. (Кимберли Элам)