
UI / UX 디자인
애니메이션 카드 게임 로비 UI 목업
캐릭터, 재화 바, 메뉴 패널이 포함된 정교한 모바일 TCG 로비 화면을 생성합니다. JSON 항목을 수정해 플레이어 정보와 캐릭터를 맞춤 설정하세요.
카드 게임게임 ui애니메이션모바일 게임인터페이스 디자인로비 화면목업
프롬프트
{
"type": "high-fidelity anime fantasy card game home screen UI mockup",
"overall_style": "polished mobile game lobby screenshot, 16:9 landscape, dark blue and purple fantasy sci-fi cathedral background, glowing magic portal at the top center, reflective stone floor, neon rim lighting, crisp game UI panels, all buttons appear clickable, premium collectible card battler aesthetic",
"game_identity": {
"player_name": "[CardMaster]",
"level": "[Lv. 42]",
"experience_bar": "2350 / 4500",
"avatar": "small square anime portrait at top left with intentionally blurred face"
},
"top_resource_bar": {
"count": 6,
"items": [
"gold coin currency: 5,780 with plus button",
"purple crystal currency: 1,250 with plus button",
"blue cube currency: 320 with plus button",
"mail envelope icon",
"settings gear icon",
"player profile block with avatar, name, level, and progress bar"
]
},
"main_characters": {
"count": 5,
"description": "five full-body anime characters standing across the center lobby, all faces softly blurred while bodies and outfits remain detailed",
"characters": [
"left male hero in glossy futuristic blue armor with glowing cyan chest emblem, black spiky hair, heroic stance",
"orange-haired anime warrior girl in black sleeveless top, red pleated mini skirt, black straps, gloves, boots, holding a sword at her side",
"small schoolgirl in the center with very long black hair, white blouse, navy skirt, knee socks, holding cards close to her chest",
"muscular athletic woman with black-and-hot-pink hair, white crop top with pink tribal design, pink shorts, thigh-high glossy pink stockings, sandals, confident pose",
"right male agent in black suit with loosened tie, holding a pistol down at his side"
]
},
"center_floor_props": {
"count": 5,
"items": [
"two small blue smiling ghost mascots floating near the schoolgirl",
"one glowing purple transparent cube at bottom center",
"two small voxel grass-and-dirt blocks near the feet on left and right",
"two small gray stone cubes behind the central props"
]
},
"left_sidebar": {
"position": "left vertical menu",
"count": 4,
"buttons": [
"SHOP with shopping cart icon and a small red notification badge",
"CARD PACK with card pack icon",
"RANKING with trophy icon",
"EVENTS with calendar icon"
]
},
"left_promo_card": {
"position": "lower left",
"title": "NEW CARD PACK",
"headline": "[DIMENSIONAL ORIGINS]",
"subtitle": "New cards have arrived!",
"visual": "glowing purple booster box tilted in a rectangular promotional card",
"carousel_dots": {
"count": 5,
"active": "first dot blue, four inactive gray dots"
}
},
"right_action_panels": {
"position": "right column",
"count": 3,
"panels": [
{
"title": "MATCH",
"subtitle": "Compete with players around the world",
"visual": "crossed silver swords icon on blue panel"
},
{
"title": "BOOSTER DECKBUILDING",
"subtitle": "Build your ultimate deck",
"visual": "two purple fantasy cards on violet panel"
},
{
"title": "TOURNAMENT",
"subtitle": "Prove your skills and win great prizes",
"visual": "gold trophy with laurel wreath on bronze panel"
}
]
},
"bottom_navigation": {
"position": "bottom left to center",
"count": 5,
"tabs": [
"HOME highlighted with glowing house icon and bright border",
"DECKS with card icon",
"COLLECTION with gear-card icon",
"PROFILE with person icon",
"STORE with shopping bag icon"
]
},
"chat_panel": {
"position": "bottom right",
"count": 3,
"visible_components": [
"chat log line 1: [World] CardMaster: Good luck everyone!",
"chat log line 2: [World] Valkyrie: The new event looks amazing!",
"message input box with placeholder text: Type a message... and a smiley icon button"
]
},
"text_requirements": "clean English UI labels exactly as specified, high contrast white typography, small cyan player names in chat, no extra menus beyond the listed components",
"rendering": "sharp detailed concept art, professional game UI composition, fantasy collectible card game lobby, dramatic blue-purple lighting, high resolution screenshot feel"
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[CardMaster]자리 표시자[Lv. 42]자리 표시자[DIMENSIONAL ORIGINS]자리 표시자[World]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 16:9
- 추가일