APP 产品设计有什么工具可以推荐吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2732 天前的主题，其中的信息可能已经有所发展或是发生改变。

大家好，请教一个产品设计的问题，我现在要画一个 APP UI 之间互相关联关系的图，并不是 UI 界面的设计图，最好能表达出来每个 UI 界面和流程的对应关系。

比如购物 APP，从浏览，到下单，到付款，这几个界面，我需要表达出它们的先后顺序和跳转关系。

App

界面

关系

表达

12 条回复 • 2019-07-12 17:45:52 +08:00

manihome

2017-06-19 14:57:18 +08:00

没看懂你的需求，帮不了你。。。。
不过 Sketch 插件 userflow 可以做连线
另外有很多原型交互软件可以实现滑动、点击等操作上的页面跳转。

alex321

2017-06-19 15:12:43 +08:00

Axure RP 完整交互设计，甚至表单提交、验证逻辑都能实现。

zjl03505

2017-06-19 15:17:23 +08:00

流程简单的大部分产品原型工具都有
流程复杂的，还是 PS 等自己画下好了。不然很难看

liujin834

2017-06-19 15:27:10 +08:00

@manihome 刚才搜了一下确实 userflow 这种能结合流程图的比较好，不过我还不太懂 UI 设计一端的东西，学习成本太高..找了个 OmniGraffle 的插件，也有异曲同工之妙。

liujin834

2017-06-19 15:28:05 +08:00

@zjl03505 哈哈，最终还是用 OmniGraffle 了，熟悉的软件用起来快一些

wl9739

2017-06-19 15:37:04 +08:00 via Android

不知道墨刀能不能满足你的要求

wentian

2017-06-19 16:21:26 +08:00 via Android

墨刀

artikle

2017-06-19 16:27:53 +08:00

墨刀可以

dragonszy

2017-06-19 19:15:35 +08:00

昨天看到一个不错的 http://www.xiaopiu.com/
貌似是夫妻店，感觉做的挺好。
Keep 原型预览： http://www.xiaopiu.com/h5/byId?type=project&id=591e865ff89fab395f64877b
Instagram 原型预览： http://www.xiaopiu.com/h5/byId?type=project&id=59296a5362effb176912fec7

liujin834

2017-06-20 11:28:36 +08:00

@wentian
@artikle

谢谢二位，磨刀感觉不错!

liujin834

2017-06-20 11:29:06 +08:00

@dragonszy 我咋感觉这种东西有程序还是啥的？咋和磨刀很像

xiaooo

2019-07-12 17:45:52 +08:00

原型设计工具其实第一眼看都觉得大同小异啦，但是试用一下就能了解到区别，我推荐一个交互组件库和模板都比较丰富，操作也比较简单的工具：www.mockplus.cn
还有协作设计工具 iDoc，一键分享预览比较方便，颜色字体等还能直接导出 CSS 代码，很实用：idoc.mockplus.cn/?hmsr=gretav2