Как должен выглядеть сайт при разных разрешениях?

Question

[Programmir]

Сейчас хочу устроиться на верстальщика. Прислали макет в .psd на 1280px. Не очень представляю, как делать сайты при других разрешениях. Есть же, например, 4к, retina, fullhd (у меня, например, такой монитор). Блоки на всю ширину растягивать или max-width делать на 1280? Например, есть блок с картинками. Что с ними делать при уменьшении разрешения. Пропорционально уменьшать размер картинки или вниз уходить или слайдер делать? В хедере полно всякой информации, что с ней делать при уменьшении? Это просто нужно творческий подход применить или каждый элемент при масштабировании должен был обговариваться?

Answer 1

[ой всё]

это все должно быть прописано в техзадании
если дизайн сайта меняется в зависимости от размера экрана, то это все варианты должны быть отрисованы, иначе вы не сможете сделать корректный html
для разного размера и разрешения экрана делаются наборы картинок разного размера
в общем, если у вас этот процесс еще не отработан, то вы закопаетесь
возьмите задание попроще для начала и ищите похожие сайты или темы для вордпресса и смотрите как они сделаны

Answer 2

[Михаил Рябинин]

Я бы взял 1280px за основу - контейнер, как Вы написали max-width, учитывая отступы, margin-left: auto и margin-right: auto. В случае, если им понадобится под hd, то пришлют новый макет, где Вы через медиа измените его. Насчёт уменьшения разрешения, то да, надо уточнять у дизайнера или просто перестраивать блоки в breakpoint'ах, 1024, 960, 768, 320, иногда на 600, 500 что-то делаю. С точками перелома могу нагрешить.
Картинки до 768 перестраивать в колонку, если не влезают в одну строку. Менее 768, либо делать слайдером, потому что представляю этот бесконечный скролл сосиски на телефоне, я бы вообще лишнюю инфу скрывал на телефонах, оставляя важную, но, как обычно бывает, то всё важно. Но, часто всем насрать, поэтому можно не загоняться и просто их в колонку перестроить.
В хедере бы на 960 скрыл инфу, оставил кнопку - гамбургер, а основную инфу перевёл также в колонку.
Мне просто обычно в corel'e приходят макеты, там приходится самому контейнер ещё находить и тоже в одном разрешении, отступы везде разные, короче, я иногда хочу плакать.
П.С. техзадание иногда ещё не панацея. Да и часто бывает, что его просто нет, оно где-то в недрах ума менеджера, а конвеер требует больше сайтов.

Comments

[Programmir]

я приблизительно так и делаю)

Answer 3

[Mr Crabbz]

Все эти вопросы нужно уточнять у дизайнера, приславшего вам макет.Как он там придумал - одному ему известно.