GPT-Image-2 案例 · 移动记账 App Mockup

适合展示 GPT-Image-2 在移动端 UI 层级、标签和数字保真上的能力。

成果

案例背景

这个案例适合放进“模板 + 案例”体系里，帮助用户理解 UI mockup 模板为什么要把品牌名、层级、数值和导航文案都写清楚。

提示词内容

Design a polished mobile finance app UI mockup for a fictional neobank called AURAE, shown on a 1290x2796 smartphone screen, front-facing, with a soft off-white background and subtle shadow. Use a calm palette of deep navy, mint green, warm gray, and white. Create a complete home screen with crisp typography, clean spacing, rounded cards, and precise icon alignment. Include a top header with the in-image text "AURAE", "Good morning, Lina", and "Total balance $12,480.36". Add three summary chips labeled "Income +$4,200", "Spent -$1,830", and "Saved 32%". Show a weekly spending bar chart labeled "Mon Tue Wed Thu Fri Sat Sun" and a recent transactions list with "Metro Pass $18.50", "Green Bowl $14.20", and "Rent $1,240.00". Include a bottom nav with "Home", "Cards", "Budget", and "Profile". Prioritize crisp UI hierarchy, realistic mobile app styling, sharp labels, and production-quality mockup presentation.

结果说明

这是一个很好的 GPT-Image-2 案例，因为它不是抽象“好看的 App”，而是完整可执行的界面规格描述。

模型GPT-Image-2

分类图片

类型案例

来源openai