根本原因是提示词缺失视觉动线声明与空间锚定；需用三段式结构：①动线锚点句定义阅读路径，②容器锚定结构规定卡片排列，③坐标id绑定各步骤位置，缺一不可。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你在LiblibAI中生成步骤图时发现画面顺序错乱，比如“第一步”出现在右下角、“第三步”叠在左上角、“箭头指向反向”或“数字序号跳号/重复”，根本原因不是模型理解错误，而是提示词里缺失对视觉动线的显式路径声明与步骤区块的空间锚定——AI不会自动按中文数字排序排版，它只响应你写进正向提示词里的坐标指令、顺序绑定词和容器化布局结构。
用动线锚点句强制定义阅读顺序
第一步：在正向提示词最前端插入动线锚点句，例如“gaze starts at top-left → moves right along numbered banner → drops vertically to step-2 box → ends at bottom-right CTA button”。这句不是风格修饰，是视觉路径硬编码，AI据此拉伸景深、调整元素Z轴层级，确保“1→2→3”严格沿该轨迹排列。
第二步：在动线句后立即追加容器锚定结构，例如“each step in separate bordered card, cards stacked vertically with 24px spacing, step-1 card top-aligned, step-2 card centered, step-3 card bottom-aligned”。漏掉“stacked vertically”或“top-aligned”，AI会默认平铺所有卡片，导致步骤重叠或错位。
第三步：为每个步骤块绑定唯一ID与位置标签，例如“(step-1:0.95), (step-2:0.95), (step-3:0.95) —— step-1 at [x=80,y=120], step-2 at [x=80,y=480], step-3 at [x=80,y=840]”。【括号内坐标必须用英文逗号分隔，且y值递增，否则AI解析为随机漂浮】。
用三段式提示词结构锁定步骤逻辑
方法一：结构锚定段+内容注入段+渲染约束段
① 【结构锚定段】：numbered steps layout, 3-step vertical flow, left-aligned number tags, uniform card height 280px, inter-card gap 32px —— 这段强制AI建立容器骨架，不写“uniform card height”，各步骤卡片高度会随内容自动缩放，造成视觉节奏断裂。
② 【内容注入段】：(step-1: “打开设置 → 点击账户”) → (step-2: “输入新密码 → 确认两次”) → (step-3: “滑动启用双重验证”) —— 每个步骤用英文括号包裹，箭头用“→”而非“→ ”（多一个空格会导致解析失败）。
③ 【渲染约束段】：clean vector style, no overlapping text, numbers bold and centered in top-left corner of each card, arrow icons consistent size and color —— 若漏掉“no overlapping text”，AI可能把第二步文字压进第一步卡片底部，造成误读。
修复已生成错序图的局部重绘法
上传错序原图→切换至“图像到图像”模式→将去噪强度设为0.32→在正向提示词末尾追加：“reorder steps into strict top-to-bottom sequence: step-1 must be highest, step-2 middle, step-3 lowest; move all step-2 content 360px down; shift step-3 number tag to bottom-right corner of its card”。
这一步操作起来很简单，直接把文件拖进去就行。【必须用“move”“shift”等动词明确空间位移，不能只写“correct order”，AI无法执行抽象修正】。
