flowchart.svg 5.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 700" width="680" height="700" role="img">
  2. <title>朵朵口播视频生产流程图</title>
  3. <desc>从用户触发到成片交付的 11 步编导分镜流程,不满意则整段重发</desc>
  4. <defs>
  5. <marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
  6. <path d="M2 1L8 5L2 9" fill="none" stroke="#5F5E5A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  7. </marker>
  8. </defs>
  9. <rect width="680" height="700" fill="#ffffff"/>
  10. <!-- connectors -->
  11. <line x1="340" y1="108" x2="340" y2="126" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  12. <line x1="340" y1="180" x2="340" y2="198" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  13. <line x1="340" y1="264" x2="340" y2="282" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  14. <line x1="340" y1="348" x2="340" y2="366" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  15. <line x1="340" y1="420" x2="340" y2="438" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  16. <line x1="340" y1="492" x2="340" y2="510" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  17. <line x1="340" y1="568" x2="340" y2="594" stroke="#888780" stroke-width="1.5" marker-end="url(#arrow)"/>
  18. <!-- branch 是 -->
  19. <line x1="600" y1="626" x2="636" y2="626" stroke="#0F6E56" stroke-width="1.5" marker-end="url(#arrow)"/>
  20. <text x="640" y="612" text-anchor="middle" font-size="12" fill="#0F6E56" font-family="-apple-system,Segoe UI,Roboto,sans-serif">是→交付</text>
  21. <!-- loop 否 -->
  22. <path d="M80 626 C 36 626 36 394 78 394" fill="none" stroke="#993C1D" stroke-width="1.5" marker-end="url(#arrow)"/>
  23. <text x="40" y="512" text-anchor="middle" font-size="12" fill="#993C1D" font-family="-apple-system,Segoe UI,Roboto,sans-serif" transform="rotate(-90 40 512)">否→回到⑤整段重发</text>
  24. <!-- nodes -->
  25. <g>
  26. <rect x="80" y="56" width="520" height="52" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  27. <text x="340" y="82" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">用户触发:用本技能做「选题」口播视频</text>
  28. </g>
  29. <g>
  30. <rect x="80" y="128" width="520" height="52" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  31. <text x="340" y="154" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">文字风格问卷 + 锁定 3 项固定品牌素材</text>
  32. </g>
  33. <g>
  34. <rect x="80" y="200" width="520" height="64" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  35. <text x="340" y="222" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">生成并确认物料</text>
  36. <text x="340" y="246" text-anchor="middle" dominant-baseline="central" font-size="12" fill="#0C447C" font-family="-apple-system,Segoe UI,Roboto,sans-serif">人物形象照 · 门店空间实景图 · 插画</text>
  37. </g>
  38. <g>
  39. <rect x="80" y="284" width="520" height="64" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  40. <text x="340" y="306" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">用户确认口播文案</text>
  41. <text x="340" y="330" text-anchor="middle" dominant-baseline="central" font-size="12" fill="#0C447C" font-family="-apple-system,Segoe UI,Roboto,sans-serif">+ 确定插画插入点(从哪句开始融入)</text>
  42. </g>
  43. <g>
  44. <rect x="80" y="368" width="520" height="52" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  45. <text x="340" y="394" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">编导分镜级 Prompt 组装(动线+运镜+插画+门店)</text>
  46. </g>
  47. <g>
  48. <rect x="80" y="440" width="520" height="52" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  49. <text x="340" y="466" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">调百炼 wan3 生成 → 建任务·轮询·下载</text>
  50. </g>
  51. <g>
  52. <rect x="80" y="512" width="520" height="56" rx="8" fill="#E6F1FB" stroke="#185FA5" stroke-width="0.5"/>
  53. <text x="340" y="540" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#042C53" font-family="-apple-system,Segoe UI,Roboto,sans-serif">逐步确认方案 + 成片交付确认</text>
  54. </g>
  55. <g>
  56. <rect x="80" y="596" width="520" height="60" rx="8" fill="#FAEEDA" stroke="#854F0B" stroke-width="0.5"/>
  57. <text x="340" y="626" text-anchor="middle" dominant-baseline="central" font-size="14" font-weight="500" fill="#412402" font-family="-apple-system,Segoe UI,Roboto,sans-serif">成片满意?(是→交付 / 否→回到⑤整段重发)</text>
  58. </g>
  59. </svg>