# GPT Image Hub prompt

## 社交應用程式配對成功畫面
- URL: https://www.gptimagehub.com/zh-TW/library/evo-social-app-match-success-screen
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=cmqf0qvsq001n13a7um8pf5qn
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%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

GPT Image 2 社交應用程式配對成功畫面範例

### 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)
### Usage guide
Language: en | Updated: 2026-10-21T08:44:20.455Z | Author: GPT Image Hub

A match-success mobile screen centered on two profile cards, one emotional headline, and a clear next action. The visual hierarchy should separate celebration from navigation.

#### When to use
Social-app visual explorations, onboarding presentations, and interface mood boards. It is a static design concept rather than a working or interaction-tested screen.

#### Existing example observations
The example uses a dark purple background, two portrait cards, a bright pink heart, and stacked Chat and Continue actions. The glowing center is the strongest focal point.

#### Suggested setup
- 9:16: Use a full mobile screen with space for a status bar, headline, profile cards, and bottom actions. Keep the primary button above the lower screen edge.
- Reference images: Optional. Use permitted portrait assets if the profile cards need specific identities; neutral fictional profiles are enough for a concept.

#### What to customize
- Success message — You found a study partner!: Change the headline and the meaning of the primary action together so the screen tells one coherent story.
- Profile fields — First name, shared subject, and preferred study time: Use only a few short fields per card. Dense profile text is difficult to keep legible in a generated mockup.
- Action hierarchy — Primary: Start chat; secondary: Later: Give the primary action the strongest contrast and keep celebration effects away from its text.

#### Study-partner match screen
A non-dating version that keeps the two-card composition while changing the copy and profile information.
This is a new adaptation without a generated image; the existing illustration belongs to its original generation record.
```text
Design a 9:16 mobile success-screen concept for a fictional study-partner app. Use a calm midnight-blue background with a restrained teal glow, not a field of floating particles. At the top, show the exact headline "You found a study partner!" and the short subtitle "Plan your first session". Center two slightly overlapping profile cards for fictional adult students, Maya and Alex. Each card contains a portrait, the shared subject "Physics", and the time "Evenings". Place a small connection symbol between the cards. Below them, add one prominent teal button labeled "Start chat" and one quiet secondary action labeled "Later". Keep the typography clean, the card edges distinct, and generous spacing around all controls. Show a polished static interface, without claiming functional interactions.
```

#### Troubleshooting
- Celebration effects obscure the interface: Reduce particles and glow around text and buttons, then restore a clear top-to-bottom reading order.
- Text looks polished but is not readable: Shorten profile fields and specify exact labels; recreate the final text and controls in a UI tool before evaluating interaction.

#### Editorial provenance and generation record
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