Какие выбрать размеры Landing Page?

Question

[Pchelka1007]

Добрый день.
Подскажите пожалуйста новичку, на счет размеров макета для лендингов (ширина и высота).
Максимальное разрешение всех компьютеров 1920px. Значит нужно использовать именно его?
Но при этом, есть же еще и мониторы, такие как 1280px и пр.. Значит рабочую область делать 1280px?
Я это представляю как:
в фигме (мне больше нравится) создаю фрейм (артбоард) с размером 1920x??? (высота произвольная)px. Потом подключаю сетку, с отступами с обеих сторон (справа и слева) по 320px (1920-1280=640/2=320).
И соответственно работаю только в границах рабочего пространства (1280px).
К примеру, я главный экран по высоте для 1280 хочу сделать 900px. Внутри этой ширины я придерживаюсь всем правилам верстки? размещаю объекты.
Извините, за глупый вопрос, просто не могу найти в интернете нормальную статью, где бы доступно объяснялось, с какими разрешениями делать макеты. Немного запуталась. Может поделитесь ссылкой на статью, или подскажите джуну?)))

Answer 1

[Анатолий]

Сделайте макеты на 1920, 960 и 600px.
320-600 - для мобил
600-900 - планшетов
все что больше для ПК

media и viewport в помощь ))

Comments

[Pchelka1007]

Анатолий спасибо огромное!

Answer 2

[Антон Литвиненко]

Вот немного про сетку
https://youtu.be/TZcjJSJcalU

Comments

[Pchelka1007]

Anton Litvinenko спасибо большущее!!!!
особенно, что тапками не закидали, за такие глупые вопросы)))

Answer 3

[Михаил]

Посмотри в интернете "готовые psd макеты скачать" , скачай , посмотри , какие там размеры . Можно поискать готовые макеты сайтов с сеткой , и посмотреть как там всё сделано. Это тема такая, все делают по разному...
Я думаю надо делать несколько макетов одного лэндинга. Один макет для широких экранов, один для планшетов и один для телефонов.
Для широких например располагать блоки в 4 колонки, планшетов в 2 колонки, телефонов в 1 колонку
вот например тут
https://tpverstak.ru/psd-mockups/

Comments

[Pchelka1007]

Михаил спасибочки!

[Михаил]

какие бочки спасти ?