Существует ли удобный инструмент для построения user flow map?
Есть достаточно большое кол-во экранов приложения в png. Необходимо из этого собрать один большой png с связями экранов (откуда куда и после чего). Чем можно воспользоваться для максимальной продуктивности и удобства под mac?
Было испробовано: Sketch - в целом ок, но дефолтные стрелки очень маленькие (сама голова стрелки), соответсвенно на большом изображение очень невыразительные. Кастомными стрелками работать не умею (при попытке растянуть скетч увеличивает все элементы пропорционально, соответсвенно имеем гигантские головы стрелок). Первый опыт работы, так что советам буду рад. Preview - примерно идентичная проблема как в Sketch'е
Варианты в голове: Photoshop/Illustrator - выглядят жестким оверкиллом и времезатратно
UPD. Решение для себя сейчас нашел. Если кто-то знает ещё лучший тул, то прошу в ответы :)
Сегодня вышел апдейт для Sketch (39).
Теперь можно настраивать правила ресайза для элементов группы. Соответсвенно кастомные стрелки решают все проблемы.
Adobe XD: Выглядит перспективно, но не умеет ещё выставлять стрелки от точек на изображении. Соответственно удобен если весь дизайн в нем, но как инструмент для составления флоу из изображений неудобен. К тому же не нашел способ всегда отображать стрелки, только при выделении конкретного изображения. К слову пока не релизнулся бесплатен.
В illustrator, я там делаю: joxi.ru/82Qepngtq90E2d
Через перо можно создать линию, задать ей параметр стрелки в (ctrl+F10). Ну и потом ее копировать и перетаскивать куда угодно
P.S. Прочувствовать макеты можно тут: https://www.invisionapp.com/
Для презентации хорошо подходит, заказчикам очень нравится.
Максим Березин ставить илюстратор, чтобы раз в две месяца накидать одну картинку, как то сильно. Про инфижн знаю, заказчикам нравится, но для разработчика удобнее видеть все экраны одновременно.