@Egorium

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

Довольно часто в видеоуроках по вёрстке вижу, как верстальщик делает сайт по фотошоп-макету, строго не следуя размерам блоков на этом макете, размерам шрифта, величинам отступов и тд. Визуально в итоге получается почти так же, как и на макете, но очевидно, что не пoпиксельно точно.
А правильно ли так верстать? Или верстальщик должен почти идеально, буквально попиксельно, всё "перерисовать" с макета? В общем, вопрос: насколько допустима такая вольность в работе?
Заранее благодарю за ответы)
  • Вопрос задан
  • 99 просмотров
Пригласить эксперта
Ответы на вопрос 3
Aetae
@Aetae
Тлен
Как скажут. В среднем - соблюдать все размерности надо, с логичной поправкой на адаптив.
Ответ написан
Ugolnikovvv
@Ugolnikovvv
Junior Frontend-разработчик
Насколько точным должно быть совпадение?
Сверстать сайт пиксель в пиксель с макетом невозможно и не нужно, и на это есть причины. Одна из них — специфика отображения шрифтов в разных браузерах и операционных системах. Например, если вёрстка в Chrome сделана точно по образцу, то в Safari элементы могут отличаться.

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

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

Источник: HTML Academy
Ответ написан
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Вопрос еще в качестве сборки макета. Фотошоп, конечно, тут вообще не товарищ, в отличие от Figma или Sketch где все частицы легко параметризуются и реюзаются. В-целом, размеры шрифтов, высота строки должны совпадать с макетом, отступы - хотя бы с небольшим зазором до 5 пикселей. Вообще, при работе с ФШ иногда единственный вариант - это наложить поверх
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы