Какого размера должен быть экран?

Question

[test-cats]

При разработке дизайна какого максимального размера должен экран по высоте? Я слышал, что он не должен быть больше 750px так ли это?

Если работаю в инструменте figma имеет ли смысл делать экран полностью по высоте как разрешение монитора, чтобы потом более реально продемонстрировать сайт или это не обязательно?

Comments

[Rustam Bainazarov]

Что за ограничения в 750px?

Для разработки интерфейсов берут за референс устройства. От него и отталкиваются.

Если о сайтах, то показывать макет десктопа обычно сейчас принято в 1920×1080px (второе по популярности разрешение). При этом самым популярным разрешением по факту является 1360×768px. Это без учёта интерфейса браузеров, конечно.

[test-cats]

Рустам Байназаров, вот я почему и спросил тк чем больше разрешение тем менее удобно работать и показывать сайт клиентам тк не у всех большин мониторы, а под каждое устройство не нарисуешь

[Rustam Bainazarov]

test-cats, берите безопасное разрешение — 1360px. Сайт выглядит на нём не так красиво, зато более приближено к реальности. Но в любом случае, учитывать в процессе нужно будет все возможные разрешения.

Answer 1

[Михаил Проскурин]

Вы все равно будете адаптировать макет под все устройства, если придерживаться классическому методу, то начинать надо с максимального - 1920x1080, если Mobile First - то 320x586, в Фигме просто потом можно скинуть ссылку на прототип, и поставить параметр Width - Scale down to fit width (см. скрин.)
Тогда, независимо от разрешения экрана, у клиента, макет будет масштабироваться под его экран.

Скриншот

Answer 2

[Majvik]

Зависит от пользователей которые будут пользоваться сайтом в будущем. Если на десктопе в вашей аудитории будет большое количество пользователей с небольшими ноутбуками на windows создавайте макет с высотой экрана 1080 и помещайте важные смысловые элементы в первые 640px (бар с меню пуск + окно браузера с баром закладок "отъест" часть экрана) если большая часть будет на больших экранах, то просто помните об "активной" области и ее размер определяйте в 700-900 пикселей