跳到正文
Codex DesignBETA

GPT-6.1 Terra 和 Sol 做 UI 设计对比。

Codex 现在默认用 GPT-6.1 Sol,而 2026 年 10 月 26 日发布、更快更便宜的 GPT-6.1 Terra 只要加一个参数就能用。我们给两者同样的三个 UI 提示词:落地页、SaaS 后台和手机 App 界面,都不给任何设计方向。Terra 更快,用的 token 更少。更重要的发现是:两个模型会做出几乎一样的风格。

更新于 2026年11月7日 · 阅读约 6 分钟

先说结论

  • 做 UI,Terra 更适合当默认。 落地页那个提示词,Terra 用了 1 分 31 秒、9,803 个 token;Sol 用了 2 分 16 秒、21,583 个 token。做出来的界面质量差不多。
  • Sol 会自己多做一些。 没人要求,它也加了跳转到正文的链接、价格预览弹窗,以及「价格仅供示意」的说明。界面有真正的逻辑要处理时用它。
  • 两个模型都没有自己的品味。 不给方向时,6 个界面里有 5 个是鼠尾草绿或绿色,6 个全用 DM Sans,检查脚本在 6 个里都找到了 emoji 图标。选哪个模型,不如给不给方向重要。

我们怎么测的

用 Codex CLI(0.166 版),登录 ChatGPT 账号,默认的中等推理强度,每个提示词在空文件夹里给每个模型各跑一次。每个提示词都要求输出一个用 CDN 版 Tailwind 的 index.html,不指定颜色、字体或风格。然后截图,并用 pretty-ui 的检查脚本扫描每个文件。

三个提示词:

  1. 给自由职业者用的发票应用 Tally 做落地页:首屏、三个功能、两档价格和页脚。
  2. 订阅数据分析应用的主后台:MRR、流失率、客户数、收入图表和最近事件。
  3. 习惯打卡 App 的首页,390×844:今天的习惯和打卡、连续天数、底部标签栏。

每个提示词只跑一次,这是个小测试,不是基准评测。同一个提示词再跑一次会得到不同的页面。但下面这些规律在每一次里都出现了。

测试结果

GPT-6.1 Terra 和 GPT-6.1 Sol 用同一个提示词为记账发票应用 Tally 做的两个落地页,都是浅鼠尾草绿背景、深绿色大标题,右边一张浮动的发票卡片。

落地页提示词。左边是 Terra,右边是 Sol。

两个 SaaS 数据分析后台,左侧边栏、四个指标卡片和收入图表。Terra 的是绿色;Sol 的按钮和图表是蓝色。两个的 MRR 都在 48,000 美元左右,流失率都是 2.4%。

后台提示词。两个模型都把 MRR 定在 48,000 美元左右,流失率都是 2.4%。

两个习惯打卡 App 的手机首页,都是浅绿色背景,有问候语、连续天数卡片、一周日期条、带打钩圆圈的习惯列表和底部标签栏。

手机 App 提示词。两个都选了问候语、一周日期条、连续天数卡片和绿色的打钩圆圈。

提示词模型Token字体主色检查脚本发现
落地页Terra9,803DM Sans、Manrope鼠尾草绿底深绿5 个错误:emoji 图标、占位人名
落地页Sol21,583DM Sans、Manrope鼠尾草绿底深绿4 个错误:emoji 图标;毛玻璃警告
后台Terra12,532DM Sans、Manrope绿色emoji 图标、占位名字
后台Sol14,520DM Sans蓝色和绿色emoji 图标、占位名字
手机 AppTerra10,981DM Sans、Manrope鼠尾草绿7 个 emoji 图标
手机 AppSol12,073DM Sans、Manrope鼠尾草绿6 个 emoji 图标

三个提示词 Terra 的 token 都更少。两个模型做出的界面都很完整:层级清楚、间距统一、留白合理。Sol 的页面稍微丰富一些,状态和小交互更多。

新的「AI 默认风格」

两年前,不给方向的提示词会得到紫色渐变加 Inter 字体。我们这 6 次得到的是:

  • 浅鼠尾草绿或米白背景,配深绿色强调色,再用一点青柠色高亮某个词或标签。
  • 全部用 DM Sans,常常再配一个 Manrope。
  • 标题上方一个胶囊形的小号全大写标签,比如「MADE FOR INDEPENDENT WORK」。
  • 一张压在首屏图上的浮动卡片,比如带「已付款」标签的发票。
  • 用 emoji 当图标:连续天数用火苗,喝水用水滴。
  • 占位的人名和公司名。 Terra 把发票开给了「Acme Studio」的「Olivia Rhye」,而 Olivia Rhye 是一个流行 UI 套件里的示例用户。

这些单独看都不算错,界面也好看。问题在于每个不给方向的人都会得到同一个页面,用的人一多,它就会被看成「AI 做的」。这类套路我们整理在 AI 味的 UI 设计特征 里。

做 UI 该用哪个

  • 探索、出稿、反复改界面: 用 Terra。更快更便宜,同样的时间能多试几个方向。
  • 做有真实交互的界面,比如表单、数据表格、跨多个文件的流程:用 Sol。它会把你本来要追加要求的状态和边界情况补上。
  • 不管用哪个, 设计都由你来定。有设计系统时,两个模型都会严格照着做。

在 Codex CLI 里切换模型:启动时用 codex -m gpt-6.1-terra,或者在会话里用 /model。

怎么做出不是默认风格的设计

两个模型的解决办法一样:在做第一个界面之前先给方向。

  1. 选一套设计系统,写清颜色、字体、圆角和间距。可以从我们的设计系统库里挑,也可以自己写一份 DESIGN.md。
  2. 要三个方向,而不是一个,然后自己挑。我们开源的 pretty-ui skill 会自动做这一步,并把选择存成 DESIGN.md。
  3. 说清楚要避开什么,做完再检查一遍。
先给模型一个方向
开始之前先读 DESIGN.md,只用里面的颜色、字体、圆角和间距。不要用 emoji 当图标,用 [Lucide] 图标。不要用 Acme、John Doe 这类示例名字,用和[你的产品]相符的真实内容。标题上方不要放小号全大写标签。然后做[这个界面]。

常见问题

ChatGPT 的套餐能在 Codex 里用 GPT-6.1 Terra 吗?

能。我们就是在 Codex CLI 里用 ChatGPT 账号跑的。OpenAI 在 2026 年 10 月 26 日把它推到了 ChatGPT Work 和 Codex。

GPT-6.1 Sol 做设计比 Terra 更好吗?

在我们的测试里不是。两者做出的界面质量差不多,样子也很像。Sol 多用的 token 花在了加功能上,比如弹窗和无障碍细节,而不是更好看。

为什么两个模型都选鼠尾草绿和 DM Sans?

不给方向时,模型会做出它学到的最典型的页面。每一波「别再用上一个默认风格」的建议,又会造出一个新的默认风格,现在就是这种沉静的绿色配圆润的无衬线字体。设计系统会用你的选择取代默认值。

继续阅读

Codex Design 是独立开发的 Codex 插件,与 OpenAI 无关联,也未获 OpenAI 认可。