蛛网之上 Above the Web
源仓库 ↗

prompt模板库

笔记 · 三路径 AI 工具决策导览图复盘

入档:2026-06-08 性质:本人 Midjourney 路线图式概念插画复盘,不是比赛结果复盘 关键词: three-path decision guide / branching roadmap / beginner path / coding editor / creative preview / engineering pipeline / no labels / article infographic

事实记录（不可修改区）

原始 prompt 参考

three-path decision guide visual without text, beginner path leading to a visual AI workspace, intermediate path splitting between coding editor and creative preview, professional developer path leading to complex engineering pipeline, clean branching roadmap metaphor, modern flat editorial illustration, bright neutral background, article infographic style, no labels --no readable text logo brand marks watermark --raw --v 8.1 --ar 16:9

图本身的赢点

1. 用路径替代文字说明

这张图的核心不是”三个人走路”,而是把工具选择问题翻译成三条可视路径:

prompt 明确写了 without text 和 no labels,所以信息必须靠路径、箭头、节点和终点物件承载。成图成功点在于:即使没有字,观众也能读出”从简单到复杂、从视觉工具到工程管线”的递进。

2. 三个人物提供阶段锚点

画面中不是一条抽象流程线,而是三个行走人物分别处在不同阶段。人物让路径有了”学习者”或”使用者”的代入感。

如果只画节点和箭头,它会变成冷冰冰的流程图。加入人物后,路线图变成”人正在选择路径”,更适合面向初学者的文章配图。

3. 分叉点比终点更重要

中间人物附近的路径发生分叉:一边接代码编辑器,一边接创意预览。这是整张图最有信息量的部分。

它表达了一个关键判断:中级用户不是简单地从 A 走到 B,而是开始同时接触代码与视觉输出。这个分叉比单纯写”intermediate path”更准确,因为它把中级阶段的犹豫和双线探索画出来了。

4. 工程复杂度被处理成抽象管线

右侧没有画一个过度写实的开发环境,而是用重叠方块、流程线、复杂连接来表示专业工程 pipeline。

这很适合无字信息图:复杂工程不是靠小字解释,而是靠”节点变多、线条变密、层级变复杂”来表达。画面仍然保持干净,没有失控成技术架构图。

5. 粗粝平面质感降低了信息图的生硬感

虽然 prompt 写的是 modern flat editorial illustration,成图里有明显纸面颗粒和粉笔/蜡笔式边缘。这让图既像路线图,又不像普通 PPT 图标。

这种质感适合知识库文章:它有解释性,但不显模板化;有图形秩序,但保留手作感。

可迁移方法论

无字信息图必须让物件承担语义

核心:当 prompt 明确要求 no labels / without text 时,每个节点都必须是能被识别的语义物件,不能依赖后期文字补救。

来源:本图用视觉 AI 工作区、代码编辑器、创意预览、工程管线分别承载三条路径含义。

验证状态:首次发现 / 待验证

操作规则:

  1. 先列出每条路径的终点含义。
  2. 为每个终点选择 1-3 个可视物件,如 screen、code editor、preview card、pipeline blocks。
  3. 用箭头和道路连接物件,让观众能顺着读。
  4. 禁止把关键信息放在不可读的小字里。

反例/边界:

路径图的核心是分叉,不是装饰性箭头

核心:决策导览图要先明确哪里发生选择,再画终点;否则只是普通流程图。

来源:本图的中级路径分叉把”代码编辑器 vs 创意预览”的双线选择可视化。

验证状态:首次发现 / 待验证

操作规则:

  1. 先确定决策点:用户从哪里开始需要选择。
  2. 分叉点附近要安排人物或视觉重心。
  3. 每个分支的终点要有明显差异,不能只是不同颜色方块。
  4. 路线数量控制在 3 条以内,保证一眼可读。

反例/边界:

入门内容适合”路线图 + 人物行走”隐喻

核心:面向初学者解释工具选择时,人物行走比纯 UI 截图更友好,能降低技术焦虑。

来源:本图用三个普通人物走在路线中,把工具选择从技术参数转成”你可以走哪条路”。

验证状态:首次发现 / 待验证

操作规则:

  1. 用 walking figures 表达学习路径和用户进阶。
  2. 用简单终点物件表达不同工具方向。
  3. 背景保持 bright neutral,不要让环境压过路径。
  4. 技术复杂度用节点密度表达,不要直接堆满真实代码和 UI。

反例/边界:

可复用 prompt 母版

适合做”三条学习路径 / 三种工具选择 / 三类用户决策”的无字文章配图。

three-path decision guide visual without text, {beginner path} leading to {simple visual destination}, {intermediate path} splitting between {option A} and {option B}, {professional path} leading to {complex system destination}, clean branching roadmap metaphor, three walking figures as user-stage anchors, clear arrows and path lines, modern flat editorial illustration, bright neutral background, article infographic style, controlled detail density, paper grain texture, no labels --no readable text logo brand marks watermark --raw --v 8.1 --ar 16:9

本案例稳定版

three-path decision guide visual without text, beginner path leading to a visual AI workspace, intermediate path splitting between a coding editor and a creative preview board, professional developer path leading to a complex engineering pipeline, clean branching roadmap metaphor, three walking figures as user-stage anchors, clear arrows and path lines, modern flat editorial illustration, bright neutral background, article infographic style, controlled detail density, subtle paper grain texture, no labels --no readable text logo brand marks watermark --raw --v 8.1 --ar 16:9

关键变量

下次同类图的行动清单

  1. 先写清楚每条路径的用户层级和终点。
  2. 每个终点只放 1-3 个代表性物件,避免节点过载。
  3. 决策分叉点要放在视觉中心附近,不要藏在边角。
  4. 如果要求无字,必须用路径、箭头、物件差异承载信息。
  5. 出图后检查:不看 prompt,是否能看出”入门 / 中级 / 专业”的复杂度递进。

沉淀去向

本案例暂时沉淀为一篇路线图式概念插画复盘。后续如果多次验证成立,可拆成正式方法论文档:

关联文档:

类型/prompt模板