UI 与社交截图 · gpt-image-2
手机银行App主面板界面设计
这条 gpt-image-2 提示词通过 "mobile screenshot UI" 和 "UI layout" 实现手机银行App主面板界面设计的清晰金融科技界面视觉效果，核心是用手机截图框架、深色渐变背景、圆角余额卡片、分段图表和底部功能按钮建立可读的信息层级。
Vertical 9:16 fintech banking app dashboard screen mockup. Phone-shaped frame. Background is a clean deep navy blue gradient. At the top a friendly greeting "Hi, Alex" in white sans-serif. Below it a large rounded card in slightly lighter navy showing a placeholder balance "$ 4,820.32" with a smaller line "Available". Below the card a horizontal segmented bar chart showing spending categories in mint, peach, and lavender bars. At the bottom three small icon buttons "Send / Receive / Top up" with simple flat icons. Vertical 9:16 composition, crisp pixel-aligned UI. No real bank brand, no watermark. Premium fintech UI design quality.
Vertical 9:16 fintech banking app dashboard screen mockup. Phone-shaped frame. Background is a clean deep navy blue gradient. At the top a friendly greeting "Hi, Alex" in white sans-serif. Below it a large rounded card in slightly lighter navy showing a placeholder balance "$ 4,820.32" with a smaller line "Available". Below the card a horizontal segmented bar chart showing spending categories in mint, peach, and lavender bars. At the bottom three small icon buttons "Send / Receive / Top up" with simple flat icons. Vertical 9:16 composition, crisp pixel-aligned UI. No real bank brand, no watermark. Premium fintech UI design quality. （以下参数为站方标注，非原作者 prompt 原文） 比例: 9:16
站方整理版：仅对原 prompt 重新分组排序，未增删语义词。修改建议按块替换。
【主体】Vertical fintech banking app dashboard screen mockup，Phone-shaped frame，At the top a friendly greeting "Hi，Alex" in white sans-serif，Below it a large rounded card in slightly lighter navy showing a placeholder balance "$ 4，Below the card a horizontal segmented bar chart showing spending categories in mint，peach，and lavender bars 【场景】Background is a clean deep navy blue gradient，820.32" with a smaller line "Available" 【风格与质感】crisp pixel-aligned UI，Premium fintech UI design quality 【文字与排版】At the bottom three small icon buttons "Send / Receive / Top up" with simple flat icons 【负面约束】No real bank brand，no watermark 【参数】9:16，9:16
站方译注，供理解与中文模型使用；追求与成品图一致的效果请复制原文。
垂直 9:16 金融科技银行应用仪表盘屏幕样机。手机形状边框。背景是干净的深海军蓝渐变。顶部有友好的问候语“Hi, Alex”，白色无衬线字体。其下方是一张大型圆角卡片，颜色为稍浅的海军蓝，显示占位余额“$ 4,820.32”，并有一行较小文字“Available”。卡片下方是一个水平分段条形图，用薄荷绿、桃色和薰衣草紫色条显示支出类别。底部有三个小图标按钮“Send / Receive / Top up”，配简单扁平图标。垂直 9:16 构图，清晰像素对齐 UI。无真实银行品牌，无水印。高级金融科技 UI 设计品质。
【主体】垂直金融科技银行应用仪表盘屏幕样机，手机形状边框，顶部有友好的问候语 "Hi，Alex"，使用白色无衬线字体，其下方是一张大型圆角卡片，颜色为稍浅的海军蓝，显示占位余额 "$ 4，卡片下方是一个水平分段条形图，用薄荷绿、桃色和薰衣草紫色条显示支出类别 【场景】背景是干净的深海军蓝渐变，820.32"，并有一行较小文字 "Available" 【风格与质感】清晰的像素对齐 UI，高级金融科技 UI 设计品质 【文字与排版】底部有三个小图标按钮 "Send / Receive / Top up"，配简单扁平图标 【负面约束】无真实银行品牌，无水印 【参数】9:16，9:16
生成参数
| 模型 | gpt-image-2 |
|---|---|
| 比例 | 9:16 |
| 尺寸 | 未记录 |
| 图片 | 506 × 900 |
| 标签 | UI截图信息设计手机截图界面3D质感 |
评语
这条 gpt-image-2 提示词通过 "mobile screenshot UI" 和 "UI layout" 实现手机银行App主面板界面设计的清晰金融科技界面视觉效果，核心是用手机截图框架、深色渐变背景、圆角余额卡片、分段图表和底部功能按钮建立可读的信息层级。套用时可以把问候语、余额数据、图表类别、按钮功能或银行场景替换为理财App、钱包App、会员中心或数据仪表盘，同时保留垂直9:16构图与像素对齐的UI约束。适合用于App原型展示、金融科技产品视觉探索、社交媒体封面、内容卡片和移动端界面设计参考。
去 Playground 生成同款
打开 Playground 复制上方 prompt，打开 dolinx Playground 继续改图。
相关推荐
署名
@hiapi_ai