Для чего предназначены колонки(сетки) в psd макете?

Question

[Rapen]

Имею опыт в разработке сайтов совсем немного, и при верстке макетов c psd особо не обращал внимания, и как-то не особо обходился без их помощи, но само их присутвие ведь не зря, да и в видео-уроках по продвинутой разработке сайтов именно что-то по ним смотрят и делают, зачем они, мерить что-то?Простите если вопрос глупый...

Answer 1

[Pavel Designer]

Почитайте про модульные системы и модульные сетки, в частности. Это основа очень многих вещей в нашем мире: от печатного дела до строительства. Всё очень легко ищется поисковиком.

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

Answer 2

[Сергей Горячев]

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

Answer 3

[yakupov112]

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

Comments

[Кира Роккайте]

И не только. Сетка пришла из типографий, где по ней равняли макеты книг и журналов. Поэтому нужна сетка прежде всего не для адаптивности, а для единообразия отступов и правильного размещения контента. Хотя уменьшение геммороя верстальщика - тоже святое дело)

Answer 4

[Александр]

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

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