跳过主要内容
全部指南
UI 截图署名 Prompt Template已在 GPT Image 2 / Nano Banana 上验证

先锁界面特征,再描写屏幕

UI 截图最容易把 iOS、安卓和社交 App 混在一张图里。先写平台和比例,按钮文案用引号写死。

2026/09/01

“做一张手机 App 截图”不是规格。GPT Image 2 和 Nano Banana 会发明一套杂交界面:iOS 状态栏、安卓返回键、小红书双列、X 的蓝勾、抖音旋转唱片,全在同一帧。解法很无聊,但有效:平台、比例、布局、再写死文案。

实际会翻车的地方

我们让两个模型生成“Prompt Template 画廊的手机截图”。第一轮把灵动岛和 Material 返回箭头混在一起,iOS Tab 上还出现了小红书式的点赞数。第二轮只加了“文字要清晰”,按钮变成了 Startt 和 Favortes。清晰,但不是英语。

同样的提示词拿去生成车机,直到把 21:9 横屏 HUD 挪到第一句,比例才稳住。比例写在最后,等于没写。

我们用的规则

  1. 平台是专有名词。 iOS 18、iPhone 15 Pro、灵动岛状态栏、底部 Tab,不是“手机 UI”。
  2. 非常规比例写在第一句。 车机 21:9、iPad 4:3、网页营销 16:9。
  3. 布局用一句话锁死。 “顶部搜索、双列瀑布流、底部 Home / Guides / Saved。”
  4. 必须出现的字加引号。 "Filters"、"Prompt Template"、"了解为什么 →"。“中文清晰可读”不是一句文案。

直播场景也一样:先选带货(右侧商品卡)还是才艺(弹幕为主),否则两套 chrome 会叠在一起。

我们实际跑过的例子

弱

一张手机上的提示词画廊截图,现代 UI,文字清晰。

锁死(模板里保留的结构)

9:16 iOS 18 iPhone 截图,深色模式,带灵动岛的状态栏。
App:Prompt Template。布局:顶部搜索框,双列提示词卡片瀑布流,
底部 Tab 文案为 "Home"、"Guides"、"Saved"。
可见卡片标题:"Lock the chrome"。主按钮:"Copy prompt"。
筛选芯片:"GPT Image 2"。不要安卓导航,不要社交 App 唱片,不要多余角标。
文字必须与引号内文案完全一致。不要 lorem,不要拼写错误。

GPT Image 2 能保住引号里的文案。Nano Banana 需要在最后再重复一次“精确标签,不要多字”,否则会多出一个叫 Discover 的 Tab。

车机 HUD 先写 21:9,再写系统(Android Automotive,没有手机状态栏),再写三个组件(地图、正在播放、提示词队列)。如果还在往手机界面上靠,补一句 不是智能手机,不是 9:16。

什么时候该从控件点进这篇

platform、aspectRatio、layout、copy 这几个 slot 就是为了让你把 iOS 换成安卓时不必重写骨架。一次只改一个 slot,引号里的字符串保持不动。如果图“差不多对”,但 Tab 出现了你没写过的词,问题在 copy,不在风格。

参考来源

根据公开避坑笔记改写;例子是 Prompt Template 自己的画廊 / HUD 提示词,不是原文照抄。

本指南覆盖的控件

  • platform

    写清具体系统或 App 的界面特征。只写“手机 UI”,模型会把 iOS、安卓和社交 App 混在一张图里。

  • aspectRatio

    比例写在最前面。车机 21:9 如果放在最后,模型会默认出手机 9:16。

  • layout

    锁死导航、栏数和 Tab。不写布局,模型会自己发明一套排版。

  • copy

    把按钮和标题的原文写死。只写“文字清晰”,按钮仍会变成乱码。