来源

• 一个b站视频的总结
• 一点自己的补充

graph  LR
A[项目团队]  --> B((用户研究))    
A --> C((业务))    
A --> D((项目)) 
D -- 评估需求 -->  C((业务)) 
B -- 需求反馈 -->  C((业务))
D -- 制定需求 -->  E((研发部门))  
C -- 提炼需求 -->  D((项目管理))   
A --> E((研发部门))
E --> F(产品经理) 
E --> G(交互设计) 
E --> H(UI设计) 
E --> I(开发)
E --> J(测试)
E --> K(动效设计)
E --> L(运营设计)
F --> M(PRD文档)
F --> N(原型图)
H --> O(C端)
H --> p(B端)
I --> Q(前端)
I --> R(后端)
K --> S(静态)
K --> T(动态)
L --> BANNER,平面印刷等
Q --> U(非原生web)
Q --> V(原生)
V --> W(安卓)
V --> Z(IOS)

Y((用户体验设计师)) -- 兼任 --> C((业务))
Y((用户体验设计师)) -- 兼任 --> F(产品经理)
Y((用户体验设计师)) -- 兼任 --> G(交互设计)
Y((用户体验设计师)) -- 兼任 --> H(UI设计)
Y((用户体验设计师)) -- 等于 --> X{全链路设计师}

教程

这个用Media里面的Code做的。

代码选择Mermaid

语法在这

我用到的基本流程图实例如下：

graph LR 从左到右

graph RL 从右到左

graph TD 从上到下

graph BT 从下到上

[文字] 为矩形

(文字) 为圆角矩形

((文字)) 为圆形