What are the columns (grids) in the psd layout for?

Question

css

I have very little experience in website development, and when laying out layouts with psd, I didn’t pay much attention, and somehow didn’t really do without their help, but their very presence is not in vain, and in video tutorials on advanced website development, that’s exactly what -something they look at and do, why do they need to measure something? Forgive me if the question is stupid ...

Answer 1

Почитайте про модульные системы и модульные сетки, в частности. Это основа очень многих вещей в нашем мире: от печатного дела до строительства. Всё очень легко ищется поисковиком.
Рандомные ссылки по теме:
Модульная система вёрстки
Что такое модульная сетка и для чего она нужна в в...
Модульная сетка
Сетки для адаптивного дизайна
Каркас сайта, или модульная сетка в веб-дизайне
ну и т.п., в поисковой выдаче информации очень много.

Answer 2

Поищи по запросам "верстка по сетке", "верстка grid" в гуглояндексе. Там все есть.

Answer 3

Дизайнер рисует по сетке что бы проще было верстать адаптивный сайт с помощью фреймворков, таких как Bootstrap, Foundation, Skeleton...

Answer 4

В целом, полезно как для дизайнера, так и для верстальщика. Дизанеру, чтобы визуально делить пространство, мерить, тогда на выходе получался аккуратный и соразмерный макет. А у верстальщика - быстрая и удобная вёрстка, т.к. видно сколько колонок занимает тот или иной элемент.
При условии, что и дизайнер и верстальщик заранее знают под какой фреймворк верстают (условно знаю сетку, отступы и прочие нюансы) тогда на выходе получается вёрстка "пиксель-в-пиксель".