日式懸疑網站設計草圖

為充滿氛圍感的日式懸疑故事或遊戲網站,生成響應式桌面版與手機版 UI 設計草圖。
提示詞
目標:為名為 月蝕綺譚 的日式懸疑遊戲或故事檔案庫建立精緻的網站設計草圖,並以響應式預覽呈現,左側為桌面瀏覽器視窗,右側為智慧型手機螢幕。
畫布:寬螢幕 16:9 的展示圖,背景為淺灰色。左側放置一個佔寬約 75% 的大型桌面瀏覽器視窗,右側放置一個佔寬約 22% 的直式手機視窗。使用帶有柔和陰影的擬真裝置外框。
視覺風格:優雅的日式文學恐怖、靜謐懸疑、檔案文件感、月光下的黑暗。配色方案包含象牙白紙張、黑色墨水、深海軍藍、柔和灰,以及一抹強烈的朱紅色點綴。使用日文襯線字體、細線條、票券式邊框、細膩的紙張紋理、古老手稿影像,以及淡淡的月牙軌道線條圖形。整體氛圍應呈現出敘事遊戲官方網站的高級質感。
桌面版佈局:瀏覽器視窗頂部為深色,並帶有三個小型視窗圓點。頁面內部使用象牙白頁首,左側放置網站標題 月蝕綺譚、一個紅色小印章,以及 5 個水平導覽項目:「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」,以及一個標示為「メールで会員になる」的深海軍藍按鈕。下方的首頁區塊為寬版深色月蝕視覺圖,垂直標題「月蝕綺譚」置中於發光的月牙/月蝕圖案上。疊加一張半透明的檔案 UI 卡片,內含古老日式文件,並在疊加層底部放置 5 張小型收藏/文件卡片。在首頁視覺圖的最底部,包含 5 個水平排列的縮圖:夜間街道、藍圖風格房間、深色資料夾或物件、古老手寫紙張,以及書桌/工作空間地圖。
桌面版右側註冊卡:在首頁視覺圖右側,放置一張大型奶油色票券造型的會員卡,邊緣帶有半圓形缺口與細緻的裝飾邊框。卡片包含小標籤「入会札」、印章圖騰、標題「メールで会員になる」、信封圖示、簡短說明文字、一個預留位置為「メールアドレスを入力」的電子郵件輸入欄,以及一個標示為「登録する」並帶有向右箭頭的紅色 CTA 按鈕。下方包含細小的隱私權政策文字。
桌面版下方內容:在首頁視覺圖下方,設計成雙欄位佈局。左側為大型日文標語 物語の続きを、いちばん近くで。,搭配一條細垂直紅線與一段簡短描述。右側橫向排列 3 張文章卡片。這 3 張卡片分別為:1) 「月蝕綺譚 最新便」,配有月亮圖片、紅色 NEW 標籤、標題「大型アップデート『○○』を公開しました」、日期 2024.05.20;2) 「開発記録」,配有筆記本與筆的圖片、標題「開発記録 #12:環境音の調整について」、日期 2024.05.18;3) 「ご意見箱」,配有深色信箱圖片、標題「ご意見・ご感想をお聞かせください」、日期 2024.05.16。每張卡片皆有細邊框、標題處的小箭頭,以及灰色的預留摘要文字行。
桌面版頁尾:底部加入深海軍藍頁尾,包含 6 個頁尾連結:「お知らせ」、「開発記録」、「ご意見箱」、「アーカイブ」、「利用規約」、「プライバシーポリシー」。右側包含月牙圖示與版權宣告「© 2024 月蝕綺譚」。
手機版佈局:右側手機螢幕顯示適配後的網站。狀態列時間為 9:41。頁首包含標題「月蝕綺譚」與漢堡選單圖示。下方顯示精簡的深色首頁區塊,包含月蝕圖案與垂直標題,接著是 5 個小型水平縮圖。隨後是標語「物語の続きを、いちばん近くで。」、同樣的票券造型電子郵件註冊卡,以及第一則新聞卡片「月蝕綺譚 最新便」(含月亮圖片與紅色 NEW 標籤)。手機版畫面應呈現可垂直捲動的樣貌,並完整包含於手機螢幕內。
限制:所有可見的介面文字皆須依照指定使用日文。使用乾淨、高保真的 UI 草圖渲染,清晰的字體,細膩的陰影,且不得包含額外的標誌或浮水印。設計應呈現出如同為實作規劃所產出的完整網頁/應用程式草圖。
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 GPT Image 2 的平台(例如 YouMind),把提示詞貼上。
- 3
依你的想法替換主體、風格或細節,然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 圖像 提示詞,都能免費複製與改用。
探索更多 圖像 提示詞




