
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
- 收录时间