GPT-6 Astra 网站设计：规划落地页需要的图片

先列出版块，再考虑图片

先写出页面大纲：一个主视觉区、三个功能介绍区和一张社交分享卡片。每个功能介绍区只讲一个主题。对于 Fold，我们选择了纸张手感、封面材质和放进包里的大小，因为这些正是买家在网上订购笔记本之前会问的问题。

同时列出你还不掌握的事实。我们把价格、页数和装订方式保留为未知，这样任何图片或说明文字都不会悄悄对它们作出承诺。

参考素材很重要。2026 年 9 月 16 日，Prajwal Tomar（@PrajwalTomar_）形容 Astra 做出的第一个落地页是“典型的 AI 垃圾内容”（typical AI slop），随后让它研究一大批真实网站，并点评自己的页面。它在重建之前提出了 28 项修改。图片规划把同样的思路提前应用：在生成任何内容之前，先决定每张图片必须承担什么作用。

• 用 GPT-6 Astra 搭建落地页 (英文)

为每张图片索要一行决策

针对每个版块，请 Astra 写明图片的用途、宽高比、必须呈现的内容、页面文字的位置，以及能否复用现有图片。要求 Astra 不生成任何内容。这份规划是一份决策文档，因此应该简短到可以一遍审完。

为虚构的 Fold 文具象牙白笔记本发布活动规划单页落地页的图片。版块：主视觉、三个功能介绍区（纸张手感、封面材质、放进包里的大小），以及一张社交分享卡片。每张图片请给出：用途、宽高比、必须呈现的内容、页面文字的位置，以及能否复用这块画布上已有的图片。价格、页数和装订方式保持为未知。不超过 190 词。不要生成图片。

审阅 Astra 返回的规划

Astra 规划了一张 1:1 的主视觉图，文字放在单独的一栏；三张 4:3 的功能介绍图，文字放在图片旁边；以及一张 1.91:1 的社交卡片，笔记本在右、标题在左。它建议整组图片采用柔和的日光、象牙白与灰色色调，以及不带品牌标识的道具。

在接受这些比例之前，先对照你的页面模板检查。1:1 的主视觉适合两栏布局；通栏主视觉则需要一张宽幅图片。现在修改规划，只需要改一句话。

认真对待复用决定

只有当一张图片符合版块的作用时，复用才能节省时间。Astra 只是暂时接受用平铺概念图做主视觉，并且拒绝在纸张特写中复用任何一张概念图，因为两张图都没有展示足够的细节。把宽幅图片中的一小块区域放大，通常只会得到一张模糊、缺乏说服力的质感图。

有两个版块取决于事实：封面材质需要核实，包里的图片需要真实尺寸。在负责人给出答复之前，把这些图片标记为受阻。占位图也比一张显示错误尺寸的图片要好。

• 用简报在两个概念之间做选择

按规划顺序生成缺少的图片

把规划中的比例和必须呈现的内容，作为每条图片提示词中固定的部分。先生成主视觉，因为它的光线和道具决定了页面其余部分的风格；然后是功能介绍图，最后是宽幅社交卡片。

每张图片中的文字区域都保持空白。在页面中或以可编辑文字的形式添加标题和说明文字，这样修改文案就永远不需要生成新图片。

• 规划方形和竖版营销活动图片

在同一块画板上检查整组图片

按页面顺序把完成的图片放到 Ciyo 画布上。检查整组图片是否像来自同一次拍摄：光线方向一致、笔记本颜色相同，也没有某个道具在一张图里出现、在下一张图里消失。

然后按每张图片在页面中的实际尺寸进行检查。一张 4:3 的功能介绍图在笔记本电脑上通常约占屏幕宽度的一半，在手机上则是全宽显示，因此发布前两种情况都要检查。