# GPT Image Hub prompt

## 社交应用匹配成功界面
- URL: https://www.gptimagehub.com/zh-CN/library/evo-social-app-match-success-screen
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=cmqf0qvsq001n13a7um8pf5qn
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fevo-social-app-match-success-screen
- Category: UI / UX 设计
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: 社交应用, UI Mockup, 匹配界面
- Updated: 2026-10-21T08:44:20.455Z
- Created: 2026-06-15T09:36:37.514Z

围绕双人资料卡、成功提示和下一步操作设计匹配成功页，让情绪表达与操作层级同时清楚。

### Full prompt
```text
社交约会应用匹配成功界面Mockup。两张用户资料卡片在中心碰撞，它们之间有发光的心形特效。大标题写着 "It's a Match!"，下方有副标题。每张卡片显示头像、姓名、年龄、位置和职位。卡片下方有两个操作按钮：一个主要的粉色 "Chat" 按钮和一个次要的 "Continue" 按钮。深紫色渐变背景，漂浮着粉色的心形粒子和闪光特效。干净、现代的移动UI设计，9:16垂直宽高比，逼真的应用截图美学，精致的阴影和玻璃拟物化（glass-morphism）卡片边缘。
```

### Example images

Illustrative previews generated with the built-in image tool; the tool does not disclose its model identifier.

- [社交应用匹配成功界面 — 1](https://cdn.gptimagehub.com/prompts/seo-examples-2026-10/evo-social-app-match-success-screen.webp)
### 使用说明
Language: zh-CN | Updated: 2026-10-21T08:44:20.455Z | Author: GPT Image Hub

围绕双人资料卡、成功提示和下一步操作设计匹配成功页，让情绪表达与操作层级同时清楚。

#### 适用场景
适合社交应用视觉探索、引导流程提案和界面情绪板，呈现的是静态设计概念。

#### 现有示例观察
现有示例使用深紫背景、两张人物卡、亮粉色爱心，以及上下排列的 Chat 和 Continue 操作，中央发光区域最醒目。

#### 推荐设置
- 9:16: 按完整手机屏幕安排状态栏、标题、资料卡和底部操作；主要按钮不要贴到屏幕下边缘。
- 参考图: 可选。资料卡需匹配具体人物时使用有权使用的照片；概念阶段可用虚构人物。

#### 替换指南
- 成功提示 — You found a study partner!: 标题和主要操作的含义一起更换，确保页面讲述同一个流程。
- 资料字段 — 名字、共同学科和学习时段: 每张卡只保留少数简短字段，避免密集介绍影响生成文字可读性。
- 操作层级 — 主要：Start chat；次要：Later: 给主要操作更强的对比，庆祝效果不要覆盖按钮文字。

#### 学习伙伴匹配成功页
保留双卡结构，改成学习伙伴匹配，并完整替换标题、资料与操作文案。
这是新增改写，尚未生成对应图片；上方配图对应原有生成记录。
```text
设计一张 9:16 手机界面概念图，用于虚构的学习伙伴应用。背景为安静的午夜蓝，仅有克制的青绿色光晕，不铺满漂浮粒子。上方准确显示标题“You found a study partner!”，副标题为“Plan your first session”。中间两张略微重叠的资料卡分别是虚构成年学生 Maya 和 Alex，每张卡包含头像、共同学科“Physics”和时间“Evenings”。两卡之间放一个小型连接符号。卡片下方是醒目的青绿色“Start chat”按钮，以及低强调的“Later”次要操作。字体清楚，卡片边缘明确，控件四周留白充分。呈现精致的静态界面，不描绘无法在静态图中验证的交互状态。
```

#### 调整技巧
- 庆祝效果压过界面: 减少文字和按钮周围的粒子与光晕，恢复从上到下的清楚阅读顺序。
- 文字像真的却难以阅读: 缩短字段并指定精确标签；最终文字和控件应在界面设计工具中重建后再评价交互。

#### 说明来源与生成记录
AI-assisted editorial analysis of source prompts and existing illustrations; adaptations have not been generated.
- Tool: built-in image_gen; provider model: not disclosed; image: 941 × 1672.
- Illustration: https://cdn.gptimagehub.com/prompts/seo-examples-2026-10/evo-social-app-match-success-screen.webp
Original illustration input:
```text
Create one finished image illustrating this image prompt.
Aspect ratio: 9:16.
A social dating app match success screen mockup. Two user profile cards colliding in the center with a glowing heart effect between them. The headline reads "It's a Match!" with a subtitle below. Each card shows a profile photo, name, age, location, and job title. Below the cards, two action buttons: a primary pink "Chat" button and a secondary "Continue" button. Dark purple gradient background with floating pink heart particles and sparkle effects. Clean, modern mobile UI design, 9:16 vertical aspect ratio, realistic app screenshot aesthetic, polished shadows, and glass-morphism card edges.
```
### Source
- Author: @songguoxiansen
- URL: https://x.com/songguoxiansen