GPT-6 Astra 与三十五词 Coca-Cola 落地页实验

选择偏好之前，先打开比较页面

作者 u/highsierraloft 说明，每个模型都从新文件夹、新对话开始，只保留一次完成输出，发布时没有再改设计。Astra 通过 Codex CLI 运行，Gemini 通过 Antigravity 运行，两者的内置指令与工具不同。

图库适合比较这些具体代理输出，不能单独隔离模型能力，也没有测量转化效果，更不能直接说明面对陌生品牌会怎样。知名产品已经提供很强的视觉联想，新业务未必具备这种前提。

• 查看实验中的 Astra 实际页面
• 打开作者的对比图库

把好看背后的决定写出来

为本文虚构气泡茶，需要明确受众、产品参考、视觉想法和下一步动作。我们选择安静午后休息的场景，用无品牌细长瓶和浅绿色环境表现一款无糖茶概念。这些是虚构设计输入，没有描述某种真实饮品的事实。

首屏应让访客认出瓶子，理解页面用途，并找到一个动作入口。做图之前，先确定标题和按钮放在哪里，否则图片可能恰好占据最需要放文字的区域。

围绕文案区域制作主视觉

在 Ciyo 中附上已确认的瓶子参考，生成一张带指定留白的宽幅主视觉。装饰远离标题区。单独看很漂亮的叶子、阴影或高光，也可能与页面最重要的文字争夺注意力。

在排版工具中放上临时标题和按钮框，检查图片是否支持构图，再进入实现。留出足够文案空间后产品若显得太小，可以简化场景或使用分栏布局，不必靠缩小文字解决。

给 Astra 一份可以确认的视觉约定

下方提示词先要求构图与素材规划，再进入代码。它补上了虚构产品缺少的信息，而全球知名饮料的短提示词天然带有这些联想。仍可让代理作设计选择，但应解释选择与受众、动作之间的关系。

确认 Ciyo 主视觉后，把真实文件和所需文字交给编码代理。标题、按钮和产品说明作为真实界面元素保留。图片为页面服务，不必成为整页截图。

为虚构气泡茶概念规划落地页首屏。受众是在午后寻找安静休息的人。视觉方向为浅绿、暖象牙色、平静日光和一只确认过的无品牌细长瓶。桌面版左侧三分之一留给可编辑标题与动作文字，移动版使用文字在上、独立方形产品图在下的结构。给出 Ciyo 素材说明、内容层级，以及三个设计选择和理由。不编造营养承诺、评价、库存或已经可用的结账功能。主视觉确认后再实现页面。

比较设计决定，不只比较截图

测试两个方向时，产品、文案和动作保持一致。例如比较安静摄影棚场景与叶影场景。若标题、优惠和图片同时改变，就很难解释为什么偏好某一个版本。

随后按实际桌面和移动宽度查看编码后的页面。Reddit 原实验有用的一点，就是可以打开真实页面检查。对自己的作品也采用同一要求，核对文字、裁切、键盘焦点和主要动作的目标。

把原实验和自己的制作要求分别保存

Coca-Cola 实验的趣味，恰恰来自给出的方向很少。客户项目需要准确传达具体产品，责任有所不同。项目中应一起保存确认主图、文案、移动裁切和选择该方向的理由。

面对搜索 Astra 对比的读者，先展示实际实验，再给出具体下一步。这里的下一步，是为自己的项目做一张要求更清楚的素材，并非承诺某个模型自动带来更高转化的网站。

• 用情绪板整理完整的视觉方向