49 lines
3.4 KiB
Markdown
49 lines
3.4 KiB
Markdown
|
# 完整落地页与长图
|
||
|
|
|
||
|
|
## 页面范围优先于画布比例
|
||
|
|
|
||
|
|
完整桌面落地页保持桌面内容宽度，向下展开至页脚。用户明确只要首屏时才缩小范围。竖向长图不是移动端页面，也不是把所有模块挤进一张3:4海报。
|
||
|
|
|
||
|
|
先列出有序区块及各自用途，再估计页面高度。按业务选择必要内容：价值说明、产品或服务、使用流程、可信证据、常见问题和主要转化入口等；这些不是强制模块套餐。没有材料时不虚构客户评价、销量或认证，可使用明确标注的示例或合理省略。
|
||
|
|
|
||
|
|
为每个区块给一个稳定ID，记录内容和统一的设计规则。导航只在顶部出现，页脚只在结尾出现。完整输出必须覆盖已承诺的所有区块。
|
||
|
|
|
||
|
|
内容区块清单不是视觉模板。围绕选定构思安排阅读节奏，主视觉、重点说明、细节列表和结尾应有不同的分量；不要让所有区块都变成居中标题、等宽卡片和同样的上下留白。保持字体、组件与对齐体系一致，不代表各区块的构图必须相同。
|
||
|
|
|
||
|
|
## 根据工具能力选择生成方式
|
||
|
|
|
||
|
|
先检查当前接口的尺寸支持；本 Skill 脚本的比例预设不等于任意长图能力。不要反复尝试未经确认的超长尺寸。
|
||
|
|
|
||
|
|
- 工具支持所需长画布且文字可读：直接生成完整长页，再核对区块和返回尺寸。
|
||
|
|
- 长度超出能力或一次生成会让正文过小：在区块边界分段。每段保持相同像素宽度、逻辑桌面宽度、字体、内容容器和组件尺度，不包含设备外框。
|
||
|
|
|
||
|
|
分段时先生成并检查第一段，把统一规则和必要参考用于后续片段。段落高度由内容决定，不把每段都当成独立首屏。每次提示明确本段ID、包含哪些区块、是否含导航/页脚，边界不重复标题或装饰。模型对比时两边必须采用相同的分段计划；共享规则和参考输入，不能把某一方生成结果喂给另一方。
|
||
|
|
|
||
|
|
生成多段涉及额外计费时，遵循当前任务已授权的数量和成本范围。不要将一张长页的承诺静默扩成无限重试。
|
||
|
|
|
||
|
|
## 组装与检查
|
||
|
|
|
||
|
|
分段图先目视确认接缝处的背景、内容容器、间距和尺度，再用 `scripts/assemble_page.py` 组装。程序检查顺序、数量、格式和等宽，不会判断审美，也不会通过缩放掩盖宽度不一致。
|
||
|
|
|
||
|
|
在任务目录写入清单。`expected_sections` 是生成前确定的片段ID顺序，`sections` 按相同顺序列出实际图片；路径相对于清单文件解析：
|
||
|
|
|
||
|
|
```json
|
||
|
|
{
|
||
|
|
"expected_sections": ["intro", "details", "closing"],
|
||
|
|
"sections": [
|
||
|
|
{"id": "intro", "image": "parts/intro.png"},
|
||
|
|
{"id": "details", "image": "parts/details.png"},
|
||
|
|
{"id": "closing", "image": "parts/closing.png"}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
```bash
|
||
|
|
python3 scripts/assemble_page.py --manifest /path/to/page.json --output /path/to/full-page.png
|
||
|
|
```
|
||
|
|
|
||
|
|
只拼接没有重复或重叠内容的分段，不自动裁切、不拉伸、不补生成内容。宽度不一致、缺段、重复ID、顺序不符或输出已存在时失败并保留原图；需要替换已有输出时才使用 `--force`。
|
||
|
|
|
||
|
|
组装后实际打开整张长图检查完整性，再按目标逻辑宽度逐段检查文字与组件。交付完整长图、分段原图和实现说明，不能只交一组散图或首屏。
|
||
|
|
|
||
|
|
若随后还原代码，以完整预览作为参考，按 [测量与校准](calibration.md) 建立基线，再进入目标平台实现流程。
|