Знает кто-нибудь инструмент для прототипирования адаптивных web-интерфейсов?

Question

[vlad_shabanov]

Занимаемся переделкой сайта.
Столкнулись с тем, что при рисовании макетов в графическом редакторе очень трудно промоделировать, как будут элементы смещаться, масштабироваться и т. д. при изменении размера экрана. Получается очень медленный цикл: нарисовали, сверстали, увидели, что на iPhone в режиме "ландшафт" смотрится некрасиво. Перерисовали, теперь оно каким-то другим хвостом некрасиво торчит на desktop и т. д. Вёрстка медленная, поэтому цикл проектирования получается тоже медленный.

Знает ли кто-нибудь инструмент, в котором можно набросать элементы на экран, задать как они и куда двигаются, как изменяется ширина/высота/расположение на разных vewport, а уже потом верстать?

Смотрел pidoco, hotglove, там можно набросать элементы, но непонятно как промоделировать их поведение.

Answer 1

[Руслан]

Axure RP.

Можно и прорисовать экраны и на уровне проектирования дизайна делать прототип интерактивный в Invision.

Pixate, Marvel, Proto,

Comments

[vlad_shabanov]

спасибо, будем изучать

[Нерон Лордов]

vlad_shabanov: еще очень хвалят Sketch (он для макинтошей), фактически это сейчас лидер индустрии. Но Axure очень и очень серьезная программа с огромным функционалом, она может многое.

Answer 2

[Sanes]

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

Comments

[vlad_shabanov]

Нет, при вёрстке уже и так используется bootstrap, всё равно медленно получается.

[Sanes]

vlad_shabanov: Может проблема в рисовалкиных? Такое впечатление, что они только рисуют и не думают, как это будет выглядеть в разных ситуациях.

[vlad_shabanov]

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