来源
- 一个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 从下到上
[文字] 为矩形
(文字) 为圆角矩形
((文字)) 为圆形
B -- 需求反馈 --> C 线条文字
{文字} 为菱形
graph LR A[项目团队] --> B((用户研究)) A --> C{业务} A --> D(项目) D -- 评估需求 --> C B -- 需求反馈 --> C
graph RL A[项目团队] --> B((用户研究)) A --> C{业务} A --> D(项目) D -- 评估需求 --> C B -- 需求反馈 --> C
graph TD A[项目团队] --> B((用户研究)) A --> C{业务} A --> D(项目) D -- 评估需求 --> C B -- 需求反馈 --> C
graph BT A[项目团队] --> B((用户研究)) A --> C{业务} A --> D(项目) D -- 评估需求 --> C B -- 需求反馈 --> C
原地址在这里。
graph LR A[项目团队] --> B((用户研究)) A --> C{业务} A --> D(项目) D -- 评估需求 --> C B -- 需求反馈 --> C
主题深化
示例：
%%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#ffcccc', 'edgeLabelBackground':'#ffffee', 'tertiaryColor': '#fff0f0'}}}%% graph LR A[项目团队] --> B((用户研究)) A --> C{业务} A --> D(项目) D -- 评估需求 --> C B -- 需求反馈 --> C
教程地址在这。
