深色 AI 查看器課程網站預覽

This generates a realistic dark-theme AI image viewer screenshot featuring a premium Japanese online-course landing page concept, useful for product mockups, social posts, and design workflow presentations.

一個深色模式桌面截圖，顯示一個 AI 圖像檢視器介面，展示一個生成的網站設計預覽。整個畫布是炭灰色，配備最小化的現代應用程式 UI。左上角，放置標題「Thought for 2m 6s」，以小白色無襯線字體顯示，帶有細微的 chevron。中央偏左，顯示一個大的圓角矩形預覽圖像，展示一個光澤黑色奢華編輯風格的網站登陸頁面，用於日語線上課程。在該預覽內，網站英雄區域有黑色背景，優雅的襯線和無襯線字體，以及小英文標題「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 間距、細微陰影和準確的螢幕截圖真實感。

機器翻譯 — 實際產出作品的是原文 prompt。

✨ 生成 收藏 複製 Prompt 分享 原始貼文 在 Hitboard 開啟