GPT Image 2 生成 App UI 图：播放器 + 健身打卡（可直接复制提示词）

你要的两张图，本质是“产品级 UI 截图”。

想一次出图就像真的能上架？关键不在“描述得多漂亮”，而在把 布局、组件、文案、风格、光影 讲清楚。

下面我把提示词写成「能直接复制」的版本，还给你一套改字就能复用的模板。

写 UI 提示词的套路（很管用）

UI 图最怕两件事：

• 画面像海报，不像 App
• 文字乱码、中文崩坏

你在提示词里把这几项交代清楚，成功率会高很多：

• 设备与视角：iPhone 截图、正视角、无透视
• 页面类型：播放器页 / 打卡页 / 数据页
• 布局结构：上中下怎么排，哪些组件必须出现
• 风格规范：深色模式、毛玻璃、圆角、阴影、间距
• 文案语言：明确写“简体中文 UI 文案”
• 清晰度：高分辨率、像素级清晰、可读文字

再补一条：

• 让模型别乱加品牌，写“无品牌、无水印、无真实商标”✅

图片 1：深色毛玻璃音乐播放器（周杰伦正在播放）🎧

你要的效果是那种“夜里开车听歌”的质感：深色、微微发光、毛玻璃浮层。

直接可用提示词（推荐复制这段）

生成一张手机 App UI 截图，iPhone 15 Pro 屏幕尺寸比例，正视角、无透视、无手机外框。主题是【音乐播放器】正在播放周杰伦歌曲。整体为深色模式，毛玻璃 frosted glass 卡片层，背景是模糊的城市夜景光斑 bokeh。UI 需要产品级真实感、间距规范、圆角统一。

页面布局：

• 顶部状态栏（时间、电量、信号）
• 标题区：居中写“正在播放”，右上角更多按钮
• 中间：大号圆角专辑封面（可用抽象插画风封面，避免真实专辑版权），下方显示歌曲名“晴天”、歌手“周杰伦”
• 进度条：可拖动滑块，显示当前时间 01:12 / 04:29
• 控制区：上一首、播放/暂停（主按钮更大）、下一首，底部有音量条
• 底部：歌词按钮、播放列表按钮

视觉要求：深灰到黑渐变背景，玻璃卡片有轻微噪点与高光边缘，按钮为极简线性图标，主色点缀为电光蓝 #4DA3FF。所有 UI 文案为简体中文，文字清晰可读。无品牌、无水印、无真实商标。

想换歌/换风格？改这几个词就行

• 歌曲名：“晴天” → “七里香”/“稻香”/“夜曲”
• 点缀色：电光蓝 → 薄荷绿/霓虹紫/橙色
• 背景：城市夜景光斑 → 雨夜车窗/唱片机特写/舞台灯光

图片 2：健身 App 跑步打卡（今日跑步 5 公里 + 轨迹图）🏃

这张图要像“你今天跑完步，打开 App 一键分享”的页面。

直接可用提示词（推荐复制这段）

生成一张手机 App UI 截图，iPhone 15 Pro 屏幕尺寸比例，正视角、无透视、无手机外框。主题是【健身 App 跑步打卡界面】。整体清爽现代，白底或浅灰底，轻量阴影，圆角卡片。

页面内容（简体中文 UI 文案，清晰可读）：

• 顶部：标题“今日跑步”，右侧分享按钮
• 核心数据卡：大号显示“5.00 公里”，下方小字显示“用时 28:34”“配速 5'43''/km”“消耗 356 千卡”
• 心率小卡：平均心率 142 bpm（可用小折线图）
• 运动轨迹：一张地图风格轨迹图（抽象地图即可），路线用亮绿色线条，起点圆点、终点方块标记
• 底部打卡按钮：写“完成打卡”

视觉要求：字体清爽，信息层级明显，图标一致，留白充足，像真实可上线的产品。无品牌、无水印、无真实商标。

轨迹图看着不真实？这样补一句

把下面这句加到提示词里：

• “轨迹图为扁平化地图样式，街区线条简洁，地图文字用灰色占位，不出现真实地名”

一套通用 UI 提示词模板（你以后做任何 App 都能套）

复制这个，改中括号里的内容：

生成一张手机 App UI 截图，[设备比例]，[正视角/无透视/无手机外框]。
主题是[页面类型]，场景是[使用情境]。
布局包含：[顶部栏]、[核心模块]、[列表/图表]、[底部按钮]。
风格：[深色/浅色]，[毛玻璃/卡片]，[圆角与阴影规则]，[主色值]。
文案要求：简体中文 UI 文案，文字清晰可读。
限制：无品牌、无水印、无真实商标、无多余装饰。
清晰度：高分辨率，像素级清晰。

负面提示词（强烈建议加）⚠️

UI 图最常见翻车点：乱七八糟的字、图标不统一、长得像海报。

你可以在提示词末尾追加一段“别这样做”：

避免：文字乱码、英文与中文混排错误、透视变形、过度拟物、过多装饰元素、夸张光效、低清晰度、模糊、噪点过重、品牌 logo、水印、二维码、真实商标。

出图更稳的 6 个小技巧（少走弯路）

• 写“App UI 截图”，别写“海报/概念图”
• 明确“无手机外框”，不然容易生成一台奇怪的手机
• 中文要可读：加一句“简体中文 UI 文案，文字清晰可读”
• 别碰真实专辑封面：用“抽象插画封面/几何封面”更安全
• 统一图标风格：写“极简线性图标、风格一致”
• 信息层级：用“大号数字 + 小字说明 + 卡片分区”，产品味立刻出来

你可以直接拿去发的成品清单

• 音乐播放器：深色毛玻璃 + 周杰伦播放中 + 专辑封面占位 + 进度条与控制按钮
• 健身打卡：今日跑步 5 公里 + 关键指标卡 + 轨迹地图 + 完成打卡按钮

如果你还想要同系列的第三张（比如“播放列表页”或“跑步历史周报页”），把你想要的模块告诉我，我给你一套能保持同一套设计系统的提示词。