做 App 或 SaaS 时，设计档期最容易卡在三类图：启动页/闪屏、功能卖点卡、空状态插画。Figma 组件齐了，但缺「能放进商店截图与引导页」的视觉资产；外包一周一轮，迭代又跟不上文案改版。
Image 2 更适合把这类需求当成「UI 视觉槽位生产线」：先锁品牌色与字阶，再按闪屏 → Onboarding → 功能卡 → 空状态 → 设置示意 → 商店截图的顺序出图。本文用 6 组实测 image-2 提示词，帮你一次生成可进评审的 App / UI 界面图。
把它当产品设计手册：一图一任务，文案写死，导出前核对按钮与标题拼写。
📌 下文提示词以英文为主（Image 2 对结构化英文与画面内文字更稳）。界面文案、商标与无障碍对比度请人工校对；最终落地仍建议在 Figma 对齐 8pt 栅格与真实组件。
一、为什么 Image 2 适合做「App / UI 界面图」？
相比「用通用插画模型碰运气」，Image 2 的优势在于：
- 画面内文字可读性高
启动标题、功能卡三点文案、空状态 CTA——公开基准约 99% 量级的文字渲染，比「先出图再 PS 贴字」更贴合 AI 界面图 交付。 - 多轮改图适合改文案不毁布局
产品经理改了一行 Onboarding 文案，可用对话只替换该行，保留插画与按钮形状——Image2 的对话式编辑很吃香。 - 风格约束可写成设计系统字段
品牌主色 HEX、圆角、阴影强度、插画风格（flat / soft 3D）写进每条 prompt，系列图更像同一套 Design System。
对产品与设计协作来说，这意味着：界面视觉资产可以按信息架构批量生成，而不是等插画档期。
二、标准工作流（五步）
-
先列 UI 视觉槽位
建议最少 6 槽：① 闪屏/启动页 ② Onboarding 单页 ③ 功能卖点卡（3 点）④ 空状态 ⑤ 设置/个人中心示意 ⑥ App Store / 应用商店截图框。禁止一张里塞完整可交互 App。 -
写清品牌与字阶约束
主色、辅色、背景（浅/深）、标题字数上限、禁止伪造系统 UI 控件商标（如伪造 iOS 状态栏品牌图标细节可简化为通用样式）。 -
一图一任务 + 文案 verbatim
每张只服务一个用户问题：打开 App 第一眼？为什么留下？没数据时怎么办？商店里怎么展示？ -
统一画幅
闪屏/商店竖图常用 9:16 或 1290×2796 比例感；功能卡可用 1:1 或 4:5；同一套尽量固定比例族。 -
进 Figma 前三检
文案拼写、对比度、圆角是否与 DS 冲突——偏差用 Image 2 多轮改，而不是整张重抽。
三、六组实测界面提示词（可复制）
以下以虚构效率 App「FlowDay」为例；换成你的产品名与卖点即可。建议在 prompt 中固定品牌色（示例：#4F46E5 indigo）。
槽位 1：闪屏 / 启动页
场景：冷启动品牌第一印象，居中 Logo 区 + 短标语。
App splash / launch screen mock with Image 2 for mobile UI.
Vertical 9:16, clean modern iOS-like frame (generic status bar, no trademarked icons).
Centered app mark: simple indigo rounded-square icon with white "F" monogram.
Headline exactly: "FlowDay"
Subline exactly: "Plan less. Finish more."
Background: soft indigo-to-white gradient, subtle geometric glow, ample padding.
Sharp legible type, Image2 text accuracy, premium SaaS look.
Do not clutter with fake notifications. No watermark.
效果：得到可进评审的 App 启动页 视觉稿。
槽位 2：Onboarding 引导单页
场景：首次打开的价值说明页，左文右插画或上图下文。
Mobile onboarding screen UI mock using Image 2.
Vertical 9:16, light mode, generous bottom padding for a primary button.
Top illustration: soft 3D calendar and checkmarks, brand color #4F46E5 accents.
Title exactly: "Your day, in one timeline"
Body exactly: "Drag tasks into focus blocks. FlowDay keeps priorities visible."
Primary button label exactly: "Continue"
Keep layout airy, 8pt rhythm feel, Image 2 commercial UI quality.
Do not invent extra menus. Do not misspell.
效果：Onboarding 文案与插画一体，适合快速 A/B 文案。
槽位 3：功能卖点卡（三要点）
场景：官网功能区或付费墙上方的三列卖点。
App feature benefit cards board with Image 2 (UI marketing).
1:1 or 4:5, white background, three equal cards in a row with soft shadow.
Card icons in #4F46E5. Exact English labels:
Card1 title: "Focus Blocks" / line: "Timeboxed deep work"
Card2 title: "Smart Reminders" / line: "Nudge only what matters"
Card3 title: "Weekly Review" / line: "See progress at a glance"
Modern SaaS marketing UI, crisp type, Image2 text accuracy.
No fake App Store badges. No overcrowded icons.
效果：功能卡片结构化呈现，吃文字能力的一张。
槽位 4：空状态插画页
场景：无任务/无通知时的友好引导，降低「坏掉了」的感觉。
Empty-state mobile screen with Image 2 for product UI.
Vertical 9:16, light gray background, large friendly illustration center:
soft 3D empty inbox with a single indigo plus badge.
Title exactly: "Nothing here yet"
Body exactly: "Create your first focus block to start the day."
Secondary text button exactly: "Create task"
Clean, calm, accessible contrast, Image 2 UI illustration quality.
Do not make it look like an error. No scary red alerts.
效果：空状态从「空白」变成「可行动」。
槽位 5：设置 / 个人中心示意
场景：向投资人/评审展示信息架构，不必可点击。
Settings / profile screen mock with Image 2 (non-interactive UI visual).
Vertical 9:16, light mode list UI, rounded group cells.
Header: avatar circle + name "Alex Chen" + plan chip "Pro".
List rows with exact labels: "Notifications" / "Calendars" / "Appearance" / "Export Data".
Accent switches and chevrons in #4F46E5, generous spacing, SF-like but generic typography.
Image2 clean UI mock quality. Do not copy real iOS glyphs trademarked details.
No tiny unreadable text.
效果：设置页示意足够开会，又不会假装是可交互原型。
槽位 6：应用商店截图框（带设备框）
场景：上架素材：手机外框 + 屏内关键界面 + 顶部卖点句。
App Store screenshot composition with Image 2.
Vertical 9:16 marketing frame: large caption on top, phone device mock below.
Caption exactly: "Focus blocks that actually stick"
Inside the phone: a clean task timeline UI using brand #4F46E5, legible list titles.
Soft studio shadow under device, light gray backdrop, premium DTC style.
Image 2 commercial ASO visual. Exact text, no gibberish.
Do not invent fake star ratings. Do not overcrowded stickers.
效果：商店截图方向稿，可再进 Figma 换真实截屏。
四、通用填空模板（复制即用）
Image 2 App / UI visual slot.
Brand lock: primary #[HEX], [light|dark] mode, [flat|soft-3D] illustration style.
Frame job (ONE only): [splash / onboarding / feature cards / empty state / settings mock / store screenshot].
Aspect: [9:16 | 1:1 | 4:5].
On-image copy exactly: "[titles/buttons]" — verbatim, no extra claims.
Do not: [fake OS trademarks / unreadable microcopy / cluttered chrome].
Output: review-ready UI visual, Image2 quality.
五、外包插画 vs Image 2 UI 槽位 vs 纯图标堆砌
| 维度 | 外包插画全套 | Image 2 UI 槽位生产线 | 纯图标/截屏拼贴 |
|---|---|---|---|
| 文案改版速度 | 慢（重绘） | 快（多轮改一行） | 快但廉价感 |
| 与 DS 一致性 | 靠 Brief | 靠 HEX/风格字段锁定 | 易漂移 |
| 适合阶段 | 品牌大版本 | 周迭代、评审、ASO 初稿 | 内部草稿 |
| 风险 | 档期 | 须人工校字与栅格 | 转化与专业度不足 |
多数产品团队的甜点区是中间列：用 Image 2 先把槽位铺齐，定稿再精修矢量。
六、谁最该用这套方法？
✅ 产品经理 / 项目经理
评审前用 Image 2 快速补齐闪屏、空状态与商店方向，减少「先空着」的幻灯片。
✅ UI / UX 设计师
把 image-2 当视觉探索层：锁定色与字，生成后再贴进 Figma 对齐真实组件。
✅ 独立开发者 / 小团队
没有专职插画时，仍可用同一套 prompt 做出风格统一的 App 启动页 与功能卡。
✅ 增长与 ASO 运营
商店截图文案常改——多轮改图比重做整套外框更快。
七、三条最常见翻车点
-
❌ 一张图画出「可点击的完整 App」
Image 2 会糊成杂乱 UI。严格按槽位拆分；交互原型留给 Figma/代码。 -
❌ 文案不写死，只写 “some feature text”
文字漂移就失去 UI 设计 交付意义。标题、按钮必须exactly: "..."。 -
❌ 伪造系统商标细节还不校对对比度
通用状态栏即可；导出前检查浅色字压浅底等无障碍问题。
八、结语
Image 2 做 App / UI 界面图的关键，不是「再抽一张更炫的」，而是：品牌锁定 → UI 槽位 → 文案 verbatim → 多轮微调 → Figma 收口。
下次缺启动页、功能卡或空状态时，先别在素材站东拼西凑。打开 Image2 工作台，按本文六个槽位跑一遍——你会得到一套风格统一、文案可读的 AI 界面图，够评审、够迭代、也够当作商店截图的起点。
闪屏立住品牌，功能卡说清价值，空状态给出下一步——这才是 image-2 在产品设计链路里该交付的闭环。
实践笔记；提示词可自由复制改写。上架与商用前请核对文案、商标与各应用商店截图规范。
