
UI / UX 디자인
내러티브 카페 게임 UI 목업
따뜻한 밤 카페 사진 위에 다크 글래스모피즘 패널을 얹은 내러티브 시뮬레이션 앱 인터페이스 목업입니다. 챕터 제목, 대사, 수치를 프로젝트에 맞게 변경하세요.
앱 목업내러티브 게임ui 디자인글래스모피즘비주얼 노벨게임 인터페이스시네마틱
프롬프트
{
"type": "cinematic app interface screenshot",
"product": "story-driven life simulation / memory collection app",
"language": "Chinese UI",
"screen": {
"aspect_ratio": "16:9 landscape",
"theme": "dark translucent glassmorphism overlay on top of a warm café photo",
"style": "premium mobile-game-like desktop web app, moody, emotional, softly blurred edges, amber highlights, realistic photography background with crisp UI panels"
},
"background_scene": {
"location": "cozy coffee shop at night",
"lighting": "warm tungsten café lighting with deep shadows and orange-brown tones",
"camera": "slightly wide-angle selfie perspective from the front-left, immersive and casual",
"subjects": [
{
"count": 1,
"role": "foreground woman taking a selfie",
"appearance": "long wavy dark hair, cream knit cardigan over a light top, seated close to camera, extended arm toward lens, face intentionally anonymized/blurred"
},
{
"count": 1,
"role": "background woman filming",
"appearance": "ponytail, oversized light hoodie, standing beside a camera on a tripod, face intentionally anonymized/blurred"
}
],
"environment_details": {
"count": 10,
"items": [
"large windows showing night city lights",
"ceiling fan",
"wooden tables",
"wooden chairs and stools",
"potted plants",
"table lamps",
"bookshelf",
"framed wall art",
"curtains",
"camera tripod"
]
}
},
"layout": {
"top_bar": {
"count": 8,
"items": [
"home icon button",
"title \"[环景心动计划]\"",
"chapter tag \"[第二章]\"",
"main page title \"[咖啡店样片]\"",
"subtitle \"苏晓晴的咖啡店\"",
"favorite button \"关系\"",
"review button \"回忆\"",
"save button \"存档\" and settings button \"设置\""
]
},
"left_stats_panel": {
"position": "top-left vertical card stack",
"count": 5,
"labels": [
"路线",
"事业",
"真诚",
"压力",
"信任均值"
],
"values": [
"未锁定",
"32",
"40",
"38",
"31"
]
},
"right_memory_panel": {
"position": "right sidebar",
"title": "回忆",
"count": 6,
"sections": [
{
"title": "featured memory card",
"count": 1,
"labels": [
"[咖啡店样片]"
]
},
{
"title": "已到达场景",
"count": 4,
"labels": [
"雨夜重逢",
"停电楼顶",
"合租公寓的早晨",
"[咖啡店样片]"
]
},
{
"title": "已发现回忆",
"count": 1,
"labels": [
"还没有发现隐藏回忆"
]
}
]
},
"bottom_dialogue_box": {
"position": "bottom center-left overlay",
"count": 2,
"items": [
"speaker name \"苏晓晴\"",
"dialogue text \"我想拍一个人终于可以喘口气的地方。不是被取悦,是被接住。\""
]
}
},
"text_style": {
"font": "clean modern sans-serif Chinese UI font",
"color": "off-white and muted gray on dark translucent panels",
"accent": "soft gold / amber icons and highlights"
},
"generation_notes": "Create a polished product mockup and in-app screenshot for [环景心动计划], showing chapter [第二章] and scene title [咖啡店样片]. Keep the exact Chinese labels visible. Emphasize a warm emotional café atmosphere, realistic photographic background, cinematic depth of field, and elegant dark UI overlays. Include the exact dialogue line and stats values. Use subtle vignette, glossy panel edges, and a premium narrative-game interface aesthetic."
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[环景心动计划]자리 표시자[第二章]자리 표시자[咖啡店样片]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 16:9
- 추가일