Какие выбрать размеры первой страницы Landing Page?

Question

[Дмитрий Бойко]

Здравствуйте. Как уже понятно по вопросу, я новичок, пропустим этот момент :Р
Самостоятельно не нашел ответов за 2015 год по данной тематики.
Суть вопроса: подскажите пожалуйста как выбрать размер для первой страницы LP в PS, т.е. что бы со старту сегмент занимал весь экран браузера.?
п.с. Соответственно что бы было удобно сверстать под любые размеры экранов.
Прошу прощение если не правильно сформулировал, исправлюсь.

Comments

[Сергей Гербек]

По опыту: если предполагается адаптивность дизайна, то использование PS более чем для набросков - сильно замедляет разработку. Давно пора дизайнить прямо в разметке.

Layout я лично развожу в vh / vw. Типографику в em-ах.

Answer 1

[Думай Головой]

Для данной цели идеально подходит height: 100vh и шрифты с картинками в этих единицах.

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

Comments

[Дмитрий Бойко]

Тут скорее не про шрифты, а какой именно выбрать размер при создании файла в пикселях...

[Думай Головой]

Какого файла?

[Дмитрий Бойко]

Думай Головой: нового :DDDD, ну сматри, я создаю новый файл для (для создания LP), и сходу там предлагают указать размеры, ширину и высоту (пиксели и тд.).

[Думай Головой]

Кто предлагает? Конструктор что-ли? Для первого экрана повторюсь высота должна быть 100 процентов (или 100vh), т.к. мониторы по высоте у всех разные

[Дмитрий Бойко]

Думай Головой: это я из-за не грамотности сразу не понял. Спасибо за терпение! )

Answer 2

[Дмитрий Королёв]

www.w3schools.com/browsers/browsers_display.asp

Comments

[Дмитрий Бойко]

Вот это уже ближе, но! Здесь разрешения, я так понял от этого нужно отнять по пикселям ширину к примеру поисковой строки, панели пуска (виндовс)... т.е. следует банально может замерить разширением в браузере, линейкой?

[Дмитрий Королёв]

Дмитрий Бойко: имхо, оптимальным вариантом было бы рисовать так, чтобы на вашем мониторе было нормально. Но при этом хотя бы в голове себе представлять, каким образом это всё будет ужиматься до 700 пикселей, к примеру. Ну, и в обратную сторону, до высоких разрешений, тоже. Если же версткой будет кто-то еще заниматься, то нужно сделать два-три макета для разных разрешений, чтобы верстальщику было от чего отталкиваться. Впрочем, тут уже зависит от сложности первого блока и его насыщенности элементами.

Answer 3

[Владислав Громов]

При вёрстке указывается высота 100% для первого блока, а в фотошопе зависит от разшерения вашего экрана, к примеру если разшерение экрана 1366х768 - то ширина макета должна быть где-то на 22-24 пикселя меньше то есть 1340 - можно в принципе сделать. А высота первого сегмента примерно 640 пикс: 768 - высота панели задач - верхняя чачть браузера(высота заголовка, и строки ввода урла).

Answer 4

[Дмитрий Бойко]

Я так понял большинство юзают 960.gs/. Данное разрешение актуально? И если с шириной все понятно, то какую выбрать высоту для первого сегмента?

Comments

[Думай Головой]

Про высоту я уже сказал: 100vh
Либо задать html, body height 100% и первому экрану тоже 100%

Универсальной высоты нет

[Думай Головой]

В пикселях нет, а 100vh или 100% - это универсально