Z 型路径 · Z-Path
英文：Z-Path
构图手法难度：入门 ★
🗣️一句话大白话
用左上、右上、左下、右下四个锚点构成折线路径，适合少量信息的顺序阅读。用左上、右上、左下、右下四个锚点构成折线路径：左上标题 → 右上主视觉 → 左下说明 → 右下 CTA。适合少量信息的顺序阅读。
🖼️样图参考
🎬真实场景
活动、产品页首屏、课程、发布会、社交媒体广告
📮你可以这样说
「【图像模型版】竖版信息海报，使用清晰的 Z 型阅读路径：左上放主标题「[主标题]」，右上放主视觉[对象]，左下放简短说明，右下放日期/CTA；用对比、细线或视线方向暗示两条水平线与中间斜线，但不要画出字母 Z。避免四角同等强。Keywords: Z-pattern composition, corner anchors, sequential visual path, diagonal handoff. 【HTML/CSS 版】使用 2 列 × 2 行网格，四个内容簇分别占四角；用伪元素绘制低对比折线或通过元素朝向建立交接；右下 CTA 设置最高色彩对比但不超过主标题尺度。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：Z 是观众固定的阅读规律。实际它是帮助排信息的脚手架
- ▸四角同等强会让阅读路径失效
🚫什么时候别用
- ✗信息很多、需要更复杂层级的海报
🧩常见变体
Z + 跨页N 型路径（多屏）
💡小贴士
- ✦Z 只是编排脚手架，不是所有观众固定的眼动规律
- ✦四角要有主次，右下 CTA 可最高对比但不超过主标题
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系
🔗相关术语
🛠️关联 AI 绘图知识
在「AI 绘图工作台」查看该术语的提示词与案例（需本地启动工作台，端口 5345）