Сетка
Система организации объектов в макете, основанная на колонках
Сетка
Система организации объектов в макете, основанная на колонках
- задает стандарт расположения элементов
- снижает вероятность ошибок
- делает макет эстетичным;
- помогает пользователю, легче считывать информацию.
Зачем она нужна?
Колонки и межколонники
Самая распространенная сетка в веб-дизайне состоит из 12 колонок.
Например, для макета шириной в 960px — 12 колонок по 60px,
20pх — межколоночное расстояние.
Например, для макета шириной в 960px — 12 колонок по 60px,
20pх — межколоночное расстояние.
Как распределять информацию по колонкам?
1 колонка
2 колонки
3 колонки
4 колонки
Fluid Grid или "резиновая" сетка
расстояния для нее задаются не в пикселах, а в процентах
150 px
15%
15%
320 px
32%
32%
490 px
49%
49%
1000 px
100%
100%
800 px
80%
80%
180 px
18%
18%
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
