Какая должна быть ширина фрейма в figma для верстки?

Question

[Cortez72]

Привет.
Только недавно начал изучать верстку. И столкнулся с проблемой.
Верстаю простой лендинг, но при визуальном сравнивание вижу что у меня все скачет, относительно макета в фигме. В dev-tools по внешним и внутренним отступам все ок, соответствует отступам с ТЗ.
Экран у меня шириной 1920, а ширина макета в фигме 1600.
В таких случаях нужно макет расширять до своих пропорций экрана или верстку адаптировать под ширину макета?

Comments

[Антон Антон]

А что заказчик говорит?

[Cortez72]

Антон Антон, я не с заказчиком. Я пока просто набиваю руку и столкнулся с такой проблемой

[Антон Антон]

Cortez72, ну тут два варианта - либо прибить ширину, либо тянуть, как больше нравится )
если у макета есть "сетка", то тянуть чуть проще, если нет - то "на глаз".
может быть нужно тянуть только в ширину, а может и пропорционально (или нет) - в высоту. а может быть все это до определенного предела.
На вопрос нельзя ответить однозначно, нужно собрать требования. может он от 1000 до 2400 должен тянуться, а может на <1600 блоки должны друг под друга вставать, нельзя вот так вот просто сказать.

[Ankhena]

Что-то вопрос в заголовке вообще мимо текста внутри.

Если ширина фрейма 1600, то на 1600 всё должно совпадать с макетом с учетом погрешностей разрешенных по ТЗ.
Почему вы проверяете 1600 на 1920 это загадка.
На самом деле вообще без разницы какой экран у вас.
Сайт должен хорошо смотреться на любом экране при любом размере вьюпорта и любой плотности пикселей.

[Cortez72]

Ankhena, Антон Антон, спасибо за ответы. Думал что есть какие-то стандарты по размерам.

[Ankhena]

Cortez72, общепринятые стандарты есть, но размеров во-первых, всё равно много, а во-вторых, дизайнер не обязан использовать именно такую ширину фрейма.

[Александр Васильев]

Дизайнер задизайнил смысловую картинку на 1400 px. Что с ней делать на 1920?

Answer 1

[Илья Салигжанов]

В "контейнерной" вёрстке на такой случай ставят максимальную ширину контейнера, которая, обычно, что-то в районе 1200px-1300px (напр., в популярном Bootstrap максимальная ширина контейнера для больших экранов - 1320px https://bootstrap-4.ru/docs/5.0/layout/containers/...) и если у Вас экран сильно больше (а для веб-разработчика это не удивительно) - всё равно контент будет укладываться в контейнер с максимальным ограничением ширины, но сам контейнер уже будет как-то отпозиционирован - обычно по центру, разумеется, а "лишнее" расстояние по бокам будет как поля в тетради - на него залезать нельзя и оно служит как бы отбивкой контента от физических краёв экрана

Comments

[Cortez72]

Спасибо!