深色模式 AI 檢視器與課程網站預覽

此生成器可製作逼真的深色主題 AI 圖像檢視器截圖，展示高階日本線上課程登陸頁面概念，適用於產品模型、社群貼文及設計工作流程簡報。

提示詞

一張深色模式的桌面版 AI 圖像檢視器介面截圖，顯示生成的網站設計預覽。整體畫布為炭灰色，採用極簡現代的應用程式 UI。左上角放置小型白色無襯線文字標題「Thought for 2m 6s」，並附帶一個細緻的箭頭符號。左側中央顯示一張大型圓角矩形預覽圖，內容為一個針對線上課程的黑色系奢華質感日文網頁登陸頁面。在該預覽圖中，網站首頁區塊採用黑色背景，搭配優雅的襯線與無襯線字體，小型的英文標題「ONLINE COURSES」位於大型日文標題「デザインとキャリアを、次のステージへ」上方。下方則有一段較小的日文副標題。網站的主要內容區域包含 6 張課程卡片，以 3 欄 2 列的網格排列。每張卡片皆呈現深色、電影感與高階質感，包含氛圍感照片、類別標籤、日文標題、簡短說明、小型圓形講師頭像以及「詳しく見る →」風格的連結。卡片 1 顯示 UI 設計圖像與大標題「本質的なUIデザインの思考とプロセス」。卡片 2 顯示 Figma 相關螢幕畫面與標題「Figmaマスター講座実践編」。卡片 3 顯示紙上的書寫工具與標題「伝わる構造をつくる情報設計の技術」。卡片 4 顯示以 STUDIO 為主題的視覺圖與標題「STUDIOでつくるノーコードWebデザイン」。卡片 5 顯示品牌或書籍類物件與標題「ブランドの価値をつくる設計と表現」。卡片 6 顯示作品集手冊跨頁與標題「魅せ方で差がつくポートフォリオ講座」。加入細緻的金色與灰色高光、細邊框、柔和反射，並呈現精緻的高端日本設計美學。在預覽圖左下角加入白色日文標籤「編集」。在預覽圖右下角加入一個小型白色分享/匯出圖示。在應用程式介面的最右側，垂直堆疊 4 個圓角方形縮圖，代表其他生成的圖像；前 3 個縮圖為淺色主題頁面設計，第 4 個縮圖則與深色課程網格設計相符。以發光的藍色選取框標示第 4 個縮圖。在整體截圖的左下角，加入 2 個小型白色介面圖示：複製圖示與水平三點選單。整體構圖應呈現出創意 AI 工具的真實產品截圖感，具備清晰的 UI 間距、細緻陰影以及精準的螢幕擷取真實感。