# GPT Image Hub prompt

## 日系懸疑遊戲網頁UI展示模型
- URL: https://www.gptimagehub.com/zh-TW/library/japanese-mystery-game-website-ui-mockup
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-28282
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%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視覺呈現，清晰規整的日文字型，嚴謹對齊，無多餘水印雜質。
```