
UI / UX 設計
敘事咖啡館互動遊戲UI原型
疊加在夜晚溫暖咖啡廳相片上的敘事類應用介面,採用細緻深色毛玻璃UI層。可自訂章節標題、對白台詞與數值,適配互動故事專案。
應用原型敘事遊戲ui設計毛玻璃擬態視覺小說遊戲介面電影感
提示詞
{
"type": "電影質感應用介面截圖",
"product": "敘事驅動型生活模擬 / 回憶收集應用",
"language": "中文UI",
"screen": {
"aspect_ratio": "16:9 橫屏",
"theme": "溫暖咖啡館照片背景上的深色半透明毛玻璃UI疊加層",
"style": "高階手遊質感的桌面Web應用,富有情緒感與故事氛圍,邊緣柔化,琥珀色高光,真實攝影背景搭配清晰精緻的UI面板"
},
"background_scene": {
"location": "夜晚溫馨舒適的咖啡館",
"lighting": "暖色鎢絲燈照明,深邃陰影,橙褐色調",
"camera": "左前側微廣角自拍視角,沉浸式且生活化",
"subjects": [
{
"count": 1,
"role": "前景自拍女性",
"appearance": "微卷黑色長髮,淺色內搭外穿米白色針織開衫,靠近鏡頭坐著,手臂伸向鏡頭,面部刻意虛化/匿名化"
},
{
"count": 1,
"role": "背景拍攝女性",
"appearance": "馬尾髮型,淺色寬鬆連帽衛衣,站在三腳架相機旁,面部刻意虛化/匿名化"
}
],
"environment_details": {
"count": 10,
"items": [
"展現夜晚城市燈光的大落地窗",
"吊扇",
"木質桌子",
"木質椅子與高腳凳",
"盆栽綠植",
"檯燈",
"書架",
"帶框掛畫",
"窗簾",
"相機三腳架"
]
}
},
"layout": {
"top_bar": {
"count": 8,
"items": [
"主頁圖示按鈕",
"主標題 \"[環景心動計劃]\"",
"章節標籤 \"[第二章]\"",
"頁面主標題 \"[咖啡店樣片]\"",
"副標題 \"蘇曉晴的咖啡店\"",
"收藏按鈕 \"關係\"",
"回顧按鈕 \"回憶\"",
"儲存按鈕 \"存檔\" 和設定按鈕 \"設定\""
]
},
"left_stats_panel": {
"position": "左上垂直卡片堆疊",
"count": 5,
"labels": [
"路線",
"事業",
"真誠",
"壓力",
"信任均值"
],
"values": [
"未鎖定",
"32",
"40",
"38",
"31"
]
},
"right_memory_panel": {
"position": "右側邊欄",
"title": "回憶",
"count": 6,
"sections": [
{
"title": "精選回憶卡片",
"count": 1,
"labels": [
"[咖啡店樣片]"
]
},
{
"title": "已到達場景",
"count": 4,
"labels": [
"雨夜重逢",
"停電樓頂",
"合租公寓的早晨",
"[咖啡店樣片]"
]
},
{
"title": "已發現回憶",
"count": 1,
"labels": [
"還沒有發現隱藏回憶"
]
}
]
},
"bottom_dialogue_box": {
"position": "底部中左側對話浮層",
"count": 2,
"items": [
"說話者姓名 \"蘇曉晴\"",
"對白文字 \"我想拍一個人終於可以喘口氣的地方。不是被取悅,是被接住。\""
]
}
},
"text_style": {
"font": "現代簡約無襯線中文UI字型",
"color": "深色半透明面板上的米白與淺灰文字",
"accent": "柔和金色/琥珀色圖示與高光"
},
"generation_notes": "為 [環景心動計劃] 建立精緻的產品模型/應用內截圖,展示章節 [第二章] 與場景標題 [咖啡店樣片]。保持所有中文標籤準確可見。突出溫暖感性咖啡館氛圍、寫實攝影底圖、電影級景深以及優雅的深色玻璃擬態UI疊加層。包含完整對話臺詞與數值,運用微暗角與高階故事遊戲介面質感。"
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[環景心動計劃]佔位符[第二章]佔位符[咖啡店樣片]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 16:9
- 收錄時間