신규: GPT Image 2.5 Flare와 Sunburst. 가입하면 3장 무료, 이후 장당 8 크레딧.
GPT Image 2.5 사용해 보기
소셜 앱 매칭 성공 화면
UI / UX 디자인

소셜 앱 매칭 성공 화면

GPT Image 2 소셜 앱 매칭 성공 화면 샘플

프롬프트

소셜 데이팅 앱 매칭 성공 화면 목업. 중앙에서 두 사용자의 프로필 카드가 충돌하며 그 사이에 빛나는 하트 효과가 나타남. 상단 헤드라인에는 "It's a Match!"라고 적혀 있고 아래에 부제목이 있음. 각 카드는 프로필 사진, 이름, 나이, 위치, 직업을 보여줌. 카드 아래에는 두 개의 액션 버튼이 있음: 기본 핑크색 "Chat" 버튼과 보조 "Continue" 버튼. 떠다니는 핑크색 하트 입자와 반짝임 효과가 있는 어두운 보라색 그라데이션 배경. 깔끔하고 모던한 모바일 UI 디자인, 9:16 세로 화면비, 사실적인 앱 스크린샷 미학, 세련된 그림자 및 글래스모피즘(glass-morphism) 카드 테두리 처리.

생성 예시

내장 이미지 도구로 만든 구도와 스타일 참고 예시입니다.

소셜 앱 매칭 성공 화면 — 생성 예시 1

사용 가이드

이 사용 가이드는 현재 영어로 제공됩니다.

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.

What the existing example shows

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

Aspect ratio
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 messageYou found a study partner!
Change the headline and the meaning of the primary action together so the screen tells one coherent story.
Profile fieldsFirst 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 hierarchyPrimary: Start chat; secondary: Later
Give the primary action the strongest contrast and keep celebration effects away from its text.
View a complete adaptation

Study-partner match screen

A non-dating version that keeps the two-card composition while changing the copy and profile information.

This adaptation has not been generated. The existing image belongs to the original illustration record.

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 notes and generation record

AI-assisted editorial analysis of the source prompt and existing illustration. Settings are starting suggestions; the new adaptation is not a model test.

The existing illustration was generated with the built-in image tool. Its provider model is not disclosed. Actual image size: 941 × 1672.

Original illustration input

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.

프롬프트 정보

카테고리
UI / UX 디자인
모델
GPT IMAGE 2
이미지당 비용
1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
화면 비율
9:16
추가일
업데이트

@songguoxiansen의 다른 프롬프트

기타 템플릿