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

Question

[mkking]

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

Задача: отрисовать сайт быстро и чтобы верстальщику с первого взгляда все было понятно.

Answer 1

[sim3x]

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

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

Колонки созданы для гармонизации контента
То что их применяют для адаптивности - вторично

Отрисовать нужно все варианты сайта для указанных в ТЗ размеров (устройств)

Можно сложить все в один файл - в разные папки со слоями в ФШ

Answer 2

[Илья Дзенски]

Здесь писал рекомендации для верстальщиков+диза (связки): https://habrahabr.ru/post/330144/.

Я всегда рисую десктоп/мобилка/планшет. Хотя иногда планшеты не рисую.

В один макет не получится. Но в разные артборды одного экрана - можно. Например в Sketch, Figma, XD. Я не понимаю зачем нужно вообще сейчас использовать PS который для фото, впринципе.