How to make a static PSD layout responsive?

Question

css

Добрый день,на собеседовании получил задание сверстать одну страницу (типовой лендинг) "согласно идеологии адаптивного дизайна". Проблема в том, что в PSD находится только дизайн сайта для 1920х1080, а если мне не изменяет память, для адекватного RWD нужен дизайн для каждого из брейкпоинтов дизайна.
Как поступать в такой ситуации? Должен ли я сам придумать дизайн, оставить все как есть или я просто не понимаю этой самой "согласно идеологии адаптивного дизайна"?
Заранее спасибо.

Answer 1

that is why a designer should also be a layout designer, and a layout designer should be a designer.
In fact, there is not even a design there, rather, a basic idea of ​​​​UX is needed.
How do I usually do it? I make a full-width layout, and I start to reduce the width of the browser pixel by pixel, a jamb appears - I refactor this moment or write a media query for it. And so on up to 320 (now more often up to 400) pixels.

Answer 2

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

Answer 3

As an option, just start making up "mobile first". First, you make styles for the main blocks with one column. Then you start gradually (as the screen width increases) to position these elements. Depending on the project, you can either use all sorts of grids, or use the usual 'float' and 'position: absolute' layout (positioning). Breakpoints can be taken from the same Bootstrap. It seems to me that those people who gave you the task will even like that you did everything without any questions. And if they don’t like something in the mobile version, then you can always refer to the lack of a PSD layout or technical specifications for the mobile version.

Answer 4

В таких случаях я делаю 20-30% наценки на проект. Так-как появляется дополнительная возня + тестирование адаптивности.
Ну и разумеется делаешь все на свой вкус, придерживаясь дизайна мобильных приложений.
Так-же можно сделать заготовки, и исспользовать их во всех проектах (всплывающие уведомления, боковые меню итд).

Answer 5

Обсудите с заказчиком. Предупредите, что можете сделать адаптивку сами, но переделка может стоить времени и денег, поэтому стоит уточнить всё «на берегу»