# GPT Image Hub prompt

## 日系悬疑游戏网页UI展示模型
- URL: https://www.gptimagehub.com/zh-CN/library/japanese-mystery-game-website-ui-mockup
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-28282
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%2Flibrary%2Fjapanese-mystery-game-website-ui-mockup
- Category: UI / UX 设计
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui设计, 网页设计, 响应式, 悬疑游戏, 日系风格, 界面设计
- Updated: 2026-10-28T06:18:53.098Z
- Created: 2026-10-28T06:18:53.098Z

生成日系悬疑叙事或档案游戏风格的响应式桌面端与移动端网页UI界面展示。可替换标题、标语及视觉主题以契合您的作品。

### Full prompt
```text
为名为“[月蝕綺譚]”的日系悬疑游戏或叙事档案网站制作的精美响应式网页UI模型，呈现在浅灰色背景上。构图左侧为占据约75%宽度的桌面浏览器窗口，右侧为占据约22%宽度的竖屏智能手机，均带有写实的设备边框与柔和投影。

视觉风格与配色：
典雅的日式文学悬疑与档案神秘感，月夜暗色调。象牙白纸色、墨黑、深午夜蓝、沉稳灰以及一抹鲜艳的朱红作为点缀。日文宋体/明朝体排版、精细细线、票券状切角装饰边框、微妙的和纸纹理与淡淡的月轨星轨图纹。

桌面端UI布局：
- 带有三色窗口控制点的深色浏览器顶栏。
- 象牙白导航栏，左侧带有站点标题“[月蝕綺譚]”和朱红印章，右侧排列导航项：「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」，以及深蓝按钮「メールで会員になる」。
- 首屏主视觉为暗色月食背景，中间为竖排书法标题「月蝕綺譚」。叠加半透明档案UI卡片，展示古旧日文文书、5张收集品微型卡，以及底部5张横向缩略图条（夜间小巷、蓝图房间、暗色文件夹、老旧手写信件、案头调查地图）。
- 右侧会员卡片：半圆切角票券造型的乳白色卡片，带有细边框。标注「入会札」、印章标记、标题「メールで会員になる」、邮箱输入框（占位符「メールアドレスを入力」）、红色CTA按钮「登録する →」及隐私小字。
- 下方内容：左侧为带有细红竖线的标语“[物語の続きを、いちばん近くで。]”及简短说明段落；右侧并排展示3张新闻卡片（1:「月蝕綺譚 最新便」附月亮图、红色NEW标、标题「大型アップデート『○○』を公開しました」、日期2024.05.20；2:「開発記録」附笔记图、标题「開発記録 #12：環境音の調整について」、日期2024.05.18；3:「ご意見箱」附邮箱图、标题「ご意見・ご感想をお聞かせください」、日期2024.05.16）。
- 底部深蓝页脚包含6个链接（「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」、「利用規約」、「プライバシーポリシー」）以及「© 2024 月蝕綺譚」。

移动端UI布局：
状态栏时间显示9:41。顶部带有标题「月蝕綺譚」与汉堡菜单。垂直流布局依次展示紧凑版月食首屏、5张微型缩略图、标语“[物語の続きを、いちばん近くで。]”、票券会员卡片，以及带有红色NEW标识的首条新闻卡片。

高清UI/UX视觉呈现，清晰规整的日文字体，严谨对齐，无多余水印杂质。
```