Кто отвечает за мобильную версию сайта?

Question

[Ваня Богатырев]

В команде 2 человека: Дизайнер и Верстальщик

Кто должен делать адаптивную версию?
Дизайнер уменьшать весь дизайн и потом отдавать его также на верстку?
Или верстальщик сам из полной версии делает моб.?

Comments

[Рюрик Ростиславич]

А у кого из них при изменении разрешения экрана, что то не так?))

Answer 1

[Дмитрий Энтелис]

Если мы говорим именно о адаптивной версии (не тупо резина) - то однозначно рисуются отдельные версии дизайна под N поддерживаемых разрешений, дальше это все верстается.
Число N субъективно, от 2 (десктоп, мобайл) через бутстраповские 4 и до до скольки угодно (под все основные разрешения клиентов)

Answer 2

[Алексей Скляров]

Немного балуюсь дизайном и фронтендом, могу сказать так: никогда не понимал смысла полностью рисовать мобильную версию сайта, когда в общем-то и так понятно как сайт должен адаптироваться. Конечно бывают некоторые моменты, о которых дизайнер должен предупредить. Однако, я считаю, большая часть работы лежит на верстальщике.

Возьмите и сверстайте сайт с использованием Bootstrap, при грамотной верстке, большая часть компонентов будет адаптирована и, в общем-то, никак по-другому вам делать и не захочется (4 блока в ряд на телефоне перевернутся в стобец из 4 блоков и по-другому никак не будет). Поэтому сидеть рисовать мобильную версию сайта - бесполезная трата времени.

Comments

[Алексей Струков]

Тогда верстальщик делает часть твоей работы)
Возьмем пример из трех блоков - как их адаптировать задумывалось?
На планшете их можно построить как 50% - 50% - 100%, или как 50% - 50% - 50%, или даже как 100% - 100% - 100%. Как быть верстальщику?
К тому же, если не согласован мобильный макет с клиентом, то у него остается пространство для маневра, типа - мне не нравится как выглядит на мобиле - переделывайте!

[Алексей Скляров]

Алексей Струков: я больше работаю как фронтендер, но иногда еще и рисую все. Проблем с согласовыванием мобильной версии с клиентом ни разу не было, у них такое правило: главное чтобы все отображалось ровно. Три блока располагать на планшете нужно в зависимости от их назначения, если это 3 иконки с заголовками, то 33% 33% 33% , если какой-то текст, то 100% 100% 100%. Лично мне моего опыта хватает чтобы понять что и куда должно встать, как правило у всех заказчиков одинаковые хотелки, это туда, это сюда. Все остальное оговаривается. Кто-то писал про мокапы - полезная вещь :)

Answer 3

[Пума Тайланд]

Кто умеет тот и делает

Answer 4

[Виталий]

Что значит уменьшил ? Scale ?
Если диз использовал bootsrap сетку, к примеру, пусть нарисует под каждое устройства и верстальщик уже будет верстать то, что видит, а не фантазировать, как оно там на мобилке ...

Answer 5

[Олег Гамега]

оба, вы не сверстаете не с адаптивного макета адаптивный сайт

Answer 6

[Dimonchik]

погугли мокапы

Answer 7

[Александр Попов]

В проектах, где я участвовал, мобильную версию рисовали отдельно (т.к. сильно другое расположение блоков, что-то вовсе убирается за ненадобностью, более крупные иконки, шрифты, и т.д.)

Дизайнер в серьёзном проекте - это как креативный продюсер в кино, он должен если не дать макет, то хотя бы утвердить адаптации верстальщика (а то вдруг у того напрочь со вкусом всё плохо).

Однажды заказали мобильную вёрстку лендинга специалисту на фрилансе, поскольку я был на другом проекте занят. Сделал в целом рабочий вариант, но смотрелось это так вырвиглазно (и местами работало тоже не идеально), что я потом половину работы переделывал. А макетов не было вообще, сэкономили - человек всё по наитию делал. Вот и результат - размеры текстов от балды, отступы от балды, выравнивания где-то нет, где-то неверное.