Нерон Лордов

Figma наше всё. Правильный совет дали друзья. Она еще и бесплатная.

Т.е. сейчас я констатирую факт, что никакой качественной вёрстки в рунете НЕТ?

Ура, я не один) Ну ладно, есть примеры качественной вёрстки, но их очень мало. Особенно всё становится мрачным, когда ты - дизайнер (как я).

Не устаю это повторять: никогда не надо равняться на крупные айти-конторы в плане фронта. Даже у них, как правило, с этим всё плохо.

Сохраняешь в SVG, открываешь в Illustrator, ну а люстра с афтером очень хорошо дружит.

Кстати вот это очень правильный и важный вопрос, по которому информации в инете пренебрежительно мало. Куда не сунься - все дают советы насчет ширины экрана, а вот насчёт высоты советов почти что и нет. Есть что-то вроде "делай не выше 600рх" и можно сказать всё.

Причина такому положению вещей простая - замучаешься ты так тонко настраивать дизайн. Вот ты озвучил 4 ширины - моник, ноут, планшет и мобила. Теперь помножь это на варианты высот. А если еще вспомнить, что окошко браузера юзеры могут ресайзить - рехнёшься. Поэтому и советуют делать высоту для настольных браузеров в районе 600-800рх, а для мобильных - 400-500.

Чтобы упростить задачу - сокращаем количество вариантов ширины. Делаешь только два - для больших экранов (моник, ноут, планшет - 1000-1200рх) и для маленьких (смартфоны - 320-360, эппл со своими 375 тут идёт лесом). Соответственно первой ширине присваиваешь высоту 600-800, а второй - 400-50.

То, что советует Вадим Белкин возможно лишь при хорошом взаимопонимании дизайнера и разработчика, и непрерывном контроле качества результата. А иначе попросишь разраба сделать вьюху резиновой, да и спрессуется всё в итоге, если окошко браузера будет чересчур малым для имеющегося на сайте контента. В таких случаях пусть уж лучше будет лишний скролл.

Не соглашусь с theuser

Это утопия и бесполезная трата времени и ресурсов.

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

12 во всех разрешениях. Устранение колонок приемлимо только для дизайнера, в реальности же во всех разрешениях кол-во колонок не меняется. Зачем увеличивать недопонимание между дизайнерами и верстальщиками? 12 колонок ничуть не мешают даже в 320-пиксельном макете, если привыкнуть. И свободы действия больше, чем пытаться мыкаться в 6 колонках.

Не могу понять можно ли сделать такой лэндинг на всю ширину окна экрана

Встречный вопрос - зачем?

Ооочень редкий сайт выглядит хорошо при растяжении на весь экран, если речь про большие разрешения десктопа - 1600 - 1920. Относительно недавно почти все сайты были шириной не более 1000рх, сейчас - не более 1200 (как раз вписывается в 1366-пиксельный макет).

Логично. Люстра гораздо удобнее. Но если попросят делать в ФШ - нужно либо обсудить вариант с люстрой, либо сделать в шопе. ФШ сильно лоббируют верстальщики так как есть множество инструментов для автоматизации вёрстки из psd.

Возможно, адаптивные функции в Adobe InDesign помогут? Да, в индизайне есть функционал для прототипирования интерфейсов)