
UI / UX 設計
二次元卡牌遊戲大廳UI模型
生成包含角色展示、資源欄與功能面板的精細手遊卡牌大廳介面。可在JSON欄位中自訂玩家資訊、角色造型及推薦卡包。
卡牌遊戲遊戲ui二次元手機遊戲介面設計大廳介面模型
提示詞
{
"type": "高保真二次元奇幻卡牌遊戲主介面UI模型",
"overall_style": "精緻的手遊大廳截圖,16:9橫版,深藍與紫色奇幻科幻大教堂背景,上方中央為發光的魔法傳送門,反光石質地面,霓虹邊緣光,清晰的遊戲UI面板,所有按鈕均具可點選感,高階集換式卡牌對戰遊戲美學",
"game_identity": {
"player_name": "[CardMaster]",
"level": "[Lv. 42]",
"experience_bar": "2350 / 4500",
"avatar": "左上角小方形動漫肖像,面部故意做柔焦虛化處理"
},
"top_resource_bar": {
"count": 6,
"items": [
"金幣貨幣:5,780,附帶加號按鈕",
"紫色水晶貨幣:1,250,附帶加號按鈕",
"藍色能量方塊貨幣:320,附帶加號按鈕",
"郵件信封圖示",
"設定齒輪圖示",
"包含頭像、名字、等級和進度條的玩家個人資訊欄"
]
},
"main_characters": {
"count": 5,
"description": "五位全身二次元角色立於大廳中央,面部均作柔焦虛化,服裝與身軀保持精細刻畫",
"characters": [
"左側男性英雄:身著光澤感未來科技藍色戰甲,胸前飾有發光青色徽章,黑色刺蝟頭,英雄站姿",
"橙發二次元女戰士:身穿黑色無袖上衣、紅色百褶超短裙、黑色綁帶、手套、短靴,單手扶劍立於身側",
"中央女學生:留著極長黑髮,身穿白襯衫、藏青色百褶裙、過膝襪,將卡牌緊貼胸前",
"健美女戰士:黑粉相間挑染長髮,白色粉色圖騰印花露臍短上衣,粉色短褲,高光粉色過膝長筒襪,涼鞋,神態自信",
"右側男性特工:身穿黑色西裝,領帶鬆散,單手垂持手槍於身側"
]
},
"center_floor_props": {
"count": 5,
"items": [
"女學生身旁漂浮的兩個微笑藍色小幽靈吉祥物",
"底部中央一個發光的紫色半透明立方體",
"左右腳邊兩個小型體素風草地泥土方塊",
"中央道具後方的兩個小型灰色石塊"
]
},
"left_sidebar": {
"position": "左側豎向選單",
"count": 4,
"buttons": [
"SHOP(帶購物車圖示及小紅點通知角標)",
"CARD PACK(帶卡包圖示)",
"RANKING(帶獎盃圖示)",
"EVENTS(帶日曆圖示)"
]
},
"left_promo_card": {
"position": "左下方",
"title": "NEW CARD PACK",
"headline": "[DIMENSIONAL ORIGINS]",
"subtitle": "New cards have arrived!",
"visual": "矩形推廣卡內傾斜擺放的發光紫色補充包盒",
"carousel_dots": {
"count": 5,
"active": "第一個圓點為藍色,其餘四個為灰色未啟用狀態"
}
},
"right_action_panels": {
"position": "右側縱列",
"count": 3,
"panels": [
{
"title": "MATCH",
"subtitle": "Compete with players around the world",
"visual": "藍色面板上的雙劍交叉銀色圖示"
},
{
"title": "BOOSTER DECKBUILDING",
"subtitle": "Build your ultimate deck",
"visual": "紫羅蘭色面板上的兩張紫色奇幻卡牌"
},
{
"title": "TOURNAMENT",
"subtitle": "Prove your skills and win great prizes",
"visual": "青銅面板上的帶月桂樹花環金色獎盃"
}
]
},
"bottom_navigation": {
"position": "底部左側至中央",
"count": 5,
"tabs": [
"HOME(以發光房子圖示和明亮邊框高亮顯示)",
"DECKS(卡牌圖示)",
"COLLECTION(齒輪卡牌圖示)",
"PROFILE(人物圖示)",
"STORE(購物袋圖示)"
]
},
"chat_panel": {
"position": "右下角",
"count": 3,
"visible_components": [
"聊天記錄第1行:[World] CardMaster: Good luck everyone!",
"聊天記錄第2行:[World] Valkyrie: The new event looks amazing!",
"帶佔位符文字『Type a message...』和笑臉圖示按鈕的訊息輸入框"
]
},
"text_requirements": "完全遵循指定的清晰英文字元標籤,高對比度白色字型排版,聊天欄內小字青色玩家名稱,除列出元件外無額外冗餘選單",
"rendering": "銳利細膩的概念設計圖,專業遊戲UI構圖,奇幻卡牌大廳氛圍,戲劇性藍紫光影,高解析度遊戲截圖質感"
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[CardMaster]佔位符[Lv. 42]佔位符[DIMENSIONAL ORIGINS]佔位符[World]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 16:9
- 收錄時間