Насколько точной должна быть вёрстка по макету?

Question

[Egorium]

Довольно часто в видеоуроках по вёрстке вижу, как верстальщик делает сайт по фотошоп-макету, строго не следуя размерам блоков на этом макете, размерам шрифта, величинам отступов и тд. Визуально в итоге получается почти так же, как и на макете, но очевидно, что не пoпиксельно точно.
А правильно ли так верстать? Или верстальщик должен почти идеально, буквально попиксельно, всё "перерисовать" с макета? В общем, вопрос: насколько допустима такая вольность в работе?
Заранее благодарю за ответы)

Comments

[Николай Угольников]

Отметь, пожалуйста, решение

Answer 1

[Aetae]

Как скажут. В среднем - соблюдать все размерности надо, с логичной поправкой на адаптив.

Answer 2

[Николай Угольников]

Насколько точным должно быть совпадение?
Сверстать сайт пиксель в пиксель с макетом невозможно и не нужно, и на это есть причины. Одна из них — специфика отображения шрифтов в разных браузерах и операционных системах. Например, если вёрстка в Chrome сделана точно по образцу, то в Safari элементы могут отличаться.

Резиновая вёрстка тоже не позволяет достичь полного сходства. Причина в том, что дизайнер готовит макеты только в нескольких размерах. Например, 320px для мобильной версии, 768px для планшета и 1440px для экранов компьютеров. Этого достаточно, чтобы проверить фиксированную или адаптивную вёрстку. Но страница, которая меняет размеры элементов и перестраивает сетки в зависимости от ширины окна браузера, на промежуточных состояниях будет отличаться от макета.

Не пытайтесь добиться идеального совпадения: в реальной коммерческой разработке допускаются небольшие расхождения в отступах. Например, горизонтальная погрешность до 1-2px и вертикальная до 5px. Важнее научиться понимать сам принцип использования PerfectPixel.

Источник: HTML Academy