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

Question

[rqfqf]

Есть готовый дизайн на Figma. Разрешения страниц - 1920х1080, но по статистике такие мониторы используют 28%. prnt.sc/26urqev Верстальщик сверстал дизайн длял 1920х1080 и при разрешении 1660 часть сайта уже совсем не видна, но я хочу это исправить. Верстальщик сказал, что нужно связаться с дизайнером для того чтобы он сделал версию сайта с более низкой шириной. Это действительно так или адаптировать сайт должен верстальщик?

Comments

[Ankhena]

Дизайнер не станет рисовать 1920, а потом 1660 и так с шагом в 300px.
В лучшем случае это будет 3 размера десктоп-планшет-мобилка.
А сверстано должно быть так, чтобы было по меньшей мере нормально от мелких мобилок до 8к.

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

[Sand]

Ankhena, по Вашему получается что именно верстальщик придумывает как должен вести себя сайт в зависимости от ширины экрана? То есть программирует так как считает нужным, на это смотрит заказчик и грит - "а давайте вот эту картинку на 2 чуть-чуть вправо подвинем, а вот этот элемент с этим местами поменяем, а вот этот отступ на 3 чуть-чуть вверх сместим". А это означает сверстать один и тот же сайт второй раз, не так ли? Не правильно ли сначала с дизайнером проработать необходимые типоразмеры?

[Ankhena]

Sand, извините, отвечу вопросом на вопрос: часто вы встречали дизайнера, который нарисовал бы больше трёх размеров?

[Sand]

Ankhena, ни разу, однако в вопросе речь идёт об одном макете, 1920х1080. А это означает что верстальщик должен придумать ещё как минимум 2 дизайна. Вопрос, верстальщик должен придумывать дизайн?

[Ankhena]

Sand, я повторю: тут нет "должен". Верстальщик либо умеет это делать и берет работу либо не умеет и идет искать того, кто предоставит 3 вариации.

По большому счету без разницы, сколько вариантов нарисовано. Ведь всё равно на тех интервалах, где макета нет, часто приходится что-то придумывать.

Иногда даже предпочитаю макеты с одним вариантом. Быстрее писать из головы, чем сверяться с макетом.
Но бывает встречаются и сложные задачки, на обдумывание которых уходит заметное время.

[Александр Васильев]

Верстальщик должен верстать по ТЗ, при этом, заставлять клиента излагать ТЗ в профессионально-понятных верстальщику терминах он тоже не должен.
Верстальщик не должен быть дизайнером.
Верстальщик обязан предупредить клиента о том, что дизайнер сделал макет на 375 и это никак не влезает в 320 без определенных "жертв".
В случае отсутствия в макете версий для малых экранов, верстальщик, в силу своего профессионализма, обсуждает с клиентом варианты, без обязанности входить в зону компетенции дизайнера.

Верстальщик не должен заниматься "итальянской забастовкой", если клиент его на это не провоцирует.

С другой стороны, не клиентоориентированные верстальщики, как и другие исполнители: сантехники, программисты, строители, продавцы - залог хорошей конкурентной среды.

[Сергей delphinpro]

Sand,

по Вашему получается что именно верстальщик придумывает как должен вести себя сайт в зависимости от ширины экрана?

Верстальщик должен по умолчанию обеспечить адекватное отображение страницы на всём (или максимальном) спектре устройств.

Answer 1

[ildar-meyker]

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

Comments

[rqfqf]

Сам верстальщик верстал сайт по макету 1920х1080 с figm'ы (не без без макета).

Answer 2

[Михаил]

Странный дизайн и странный верстальщик. У того же Bootstrap максимальная ширина контейнера для XXL размера - 1320 пикселей. То есть на типичном сегодня FullHD (1920х1080) он занимает центральную часть экрана, оставляя поля слева-справа. Аналогично здесь, на тостере - содержимое ограничено шириной 1440 пикселей.

Тут в общем-то главный вопрос: а как договаривались с верстальщиком? Была ли в требованиях к нему адаптивная верстка? Обсуждался ли этот вопрос вообще? Потому что если ему дали макет и сказали: "вот, делай как на макете" - верстальщик и сделал исходя из того что заказчик знает чего хочет.

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

Comments

[Сергей delphinpro]

Была ли в требованиях к нему адаптивная верстка?

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

[Михаил]

Сергей delphinpro, мы же не знает что там за сайт.
Вот прямо сейчас у меня на работе есть корпоративное приложение, которое заточено на десктопы. И там верстка начинает "сыпаться" при ширине экрана порядка 1100 (чем уже - тем больше всяких "наползаний"). Но это мало кого волнует, по крайней мере на данный момент.

Но в общем случае - согласен. Как минимум со стороны верстальщика стоило бы этот вопрос поднять при обсуждении ТЗ.

[Lynn «Кофеман»]

Сергей delphinpro, ну при этом и макет должен быть не 1920 всё ж таки.

И конечно про мобильники в первую очередь должен был подумать заказчик когда ставил задачу дизайнеру и принимал макет.

Answer 3

[Сергей delphinpro]

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

Comments

[ildar-meyker]

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

[Сергей delphinpro]

ildar-meyker, такие продукты есть. Также есть сайты с мобильной версией. И мне иногда отдельно оговаривают, что верстка нужна без адаптива.

Автор вопроса не уточнял о своём продукте. Значит по умолчанию мы говорим о типичном сайте, которому требуется адаптация. Потому что в сегодняшних реалиях уточнять нужно именно ненужность адаптива.

[rqfqf]

Сергей delphinpro, уточнение об адаптиве под мобильную версию в ТЗ конечно было. Была задача сделать дизайн сайта под ПК и телефон. Мне предоставили дизайн под ПК в разрешении 1920 пикселей в ширину, но как я уже сказал, он не подойдёт под мониторы <1660 пикселей (к сожалению, не думал, что разные разрешения под ПК требуют дополнительной адаптации), соответственно теряем 43% пользователей под ПК prnt.sc/AmXaD-nndoIs. Спасибо за ответ.