Играет ли роль разрешения дизайна сайта для верстальщика?

Question

[Homkadesigner]

Суть вопроса вот в чем: зачем рисовать дизайн под 1920px и при рабочей области в 1170px - если белых боков при верстке на сайте все равно не будет. То есть при адаптации верстальщиком будет выглядеть сайт на полный экран. То зачем рисовать макет дизайна под 1920px, если можно нарисовать к примеру под 1440px.

Сайт будет выглядеть на всех экранах плюс минус одинаково, то не понимаю зачем делать макет под 1920px, примерно по 350px c обоих боков будут пустое пространство, которое кроме фона ничем не заполняется и в верстке его просто напросто не будет.

Вот такой вот вопрос. То есть нужна конкретика, почему рисовать нужно или почему не нужно.

Comments

[Алекс Глебов]

фоны на всю ширину, из макета 1440, расплывутся на мониторе 1920

[Homkadesigner]

ну как бы да, обычные бэкграунды, в чем проблема то взять и растянуть фон в котором 1 цвет на весь экран?

[Алекс Глебов]

размытые будут, и в других пропорциях

[Homkadesigner]

Алекс Глебов, Почему будут размыты? Фон - это обычный беграунд, который прописывается в верстке с указанием цвета фона. Как может фон к примеру черный быть размытый? Размытыми будут только фотографии или фоны градиенты или бекграунды не разноцветные. Но в таком случае есть исходники каждого фона с разрешением 1920х1080. В чем тогда проблема? У меня все фоны/фото есть в большом разрешении.

Answer 1

[VegasChickiChicki]

Играет. Мне сложно представить, как вы уместить в рабочую область футер и шапку сайта. Разные попапы, которые могут быть шире\уже рабочей области. Всякие jivo кнопки, которые будут "липнуть" к бокам сайта и т.д. Не делая нормальные макеты, вы просто перекладываете свою работу на верстальщика. Нюансов множество и на каждой простой для вас мелочью, придется очень долго думать верстальщику, которому по итогу скажут, что это сделано не так.

Comments

[Homkadesigner]

Так ответа так и нет. В чем проблема показать те же кнопки по бокам на разрешении 1440? Тут нет ответа на мой вопрос, ибо jivo кнопки - это скрипт подключаемый уже к готовому сайту, а попапп окно больше рабочей области - это что за окно такое, может примеры есть? Пока что вы ничего не сказали по сути, а просто написали не удобно верстать потому что там jivo кнопки разные, которые кстати можно отобразить и на 1440/1600 разрешение макета дизайна. Мне сложно представить, как вы уместить в рабочую область футер и шапку сайта - в смысле? Как и всегда. Всю жизнь помещается, а тут вдруг не поместиться. И по 12 пунктов вмещается и никогда никто не жаловался. Может вы такой вертальщик (если верстальщик) я пока жду конкретики, а не пустословия. Плохому танцору знаете что мешает

Answer 2

[Den Sabrov]

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

Но если дизайнеру это не важно - верстальщику тем более.

Comments

[Homkadesigner]

Я не говорю про интерфейсы или сложные сайты, магизны и т.д.. Речь идёт об стандартных лендинг ах и сайтах компаний. В основном 3 разрешения - мобайл 360, планшет 768 и десктоп 1440 с рабочей областью 1170. То есть стандартный набор. Если речь идёт об не стандартном, то естественно под все нужные рисую. Тут больше вопрос к верстальщику/фронтенду. Ему хватает десктопа на 1440, чтобы создать адаптивным дизайн или все таки нужно рисовать под 1920, но на 1920 уже будет другой макет с другой рабочей областью, по другому это можно назвать ресайз макета. Я пишу о том, что не вижу смысла рисовать макет под 1920 с рабочей областью 1170, потому что макет под 1440 имеет так же рабочую область 1170 и разница между ними лишь в фоне. Но так как дизайн рисуем мы в фигме, то проблемы с фото/фона и нет, так как фото фигма не крашит, а фоны векторные. Поэтому и такой вопрос. Пока никто из верстальщиков ни разу не писал что ему нужен макет 1920 с рабочей областью 1170, будь то магазин или сайт. Если вопрос только в фонах, то смысла рисовать под 1920 нет никакого, ибо лишние 350+ пикселей по бокам, на которых максимум фон. А есть дизайны которые нарисованы в сетке и фоны так же в сетке, то есть такой стиль, особенно у студий или агентств такой стиль. То если нарисовать под 1920, то по бокам будут пустые отступы по 350+ пикселей без фонов и фото и зачем тогда рисовать под такое разрешение. Сейчас в дизайне все пытаются делать векторные бекграунды или одно цветные, которые при рстяжении не меняются ни как вообще, а фото обычно 1920×1080, то как бы вопрос задан именно сейчас, потому что все меняется.

[Den Sabrov]

Повторюсь. Если вы используете fixed и absolute, тогда это нужно обговорить. В остальном верстальщику разницы нет. Совсем.

Но вот если дизайнер не понимает, в чём разница, то стоит подучить матчасть:)

Answer 3

[Максим Морев]

1. Фоновые изображения нужно иметь в максимальном размере;
2. Часто выглядит визуально несколько более законченно, мне всегда макеты, которые шириной контейнера обрубаются, кажутся несколько зажатыми. Особенно на мониторе с 2560 ширины :)
А больше - незачем. Но почему бы и не да - какие ваши аргументы против? Экономите место?

Comments

[Homkadesigner]

Если рисуем по стандарту мобайл, десктоп и планшет, то 1440 на десктопе вполне нормально для верстальщика, так как такие сайты не заточены под ретину

[Максим Морев]

Homkadesigner, вы меня слышите вообще? Причём тут ретина?

[Homkadesigner]

Выше описал полностью в комменте к другому пользователю