前端实现流程图效果_结构流程图不会画？手把手教你学会

结构图与流程图是产品需求非常重要的组成部分，对于构建产品骨架，理清产品脉络有着非常重要的意义。

一、结构图、流程图、原型图的关系

如果说一款产品是一/多个问题的解决方案，那么结构图可以视作方案的各个『模块』，流程图则是模块内部的具体『步骤』。模块与模块之间的关系可以是顺序递进的，也可以是平行的，但模块内的步骤多数是顺序递进的。

以滴滴为例，其整个产品模块如下图所示，这四个模块是顺序递进关系。

而下面的密码管理方案，除了『设置密码』的顺序最为靠前，剩余的『验证密码』『更改密码』与『找回密码』没有明显的先后顺序，是典型的平行关系。

继续以密码管理为例，『密码验证』模块内部的执行步骤则是典型的顺序关系，如图所示：