# GPT Image Hub prompt

## 深色AI檢視器課程網站原型
- URL: https://www.gptimagehub.com/zh-TW/library/dark-ai-viewer-course-website-mockup
- Generator URL: https://www.gptimagehub.com/zh-TW/generate?promptId=oss-ym-g2-17194
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-TW%2Flibrary%2Fdark-ai-viewer-course-website-mockup
- Category: UI / UX 設計
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui原型, 網頁設計, 深色模式, 軟體介面, 課程登陸頁, 日文字體, 產品截圖
- Updated: 2026-10-27T03:36:13.098Z
- Created: 2026-10-27T03:36:13.098Z

生成暗色模式桌面AI檢視器介面，展示奢華日文線上課程網頁原型。修改括號內的標題、語言和卡片主題即可呈現任何網站方案。

### Full prompt
```text
一個逼真的暗黑模式桌面端創意AI影象檢視器介面截圖，展示生成的網站設計原型。整體畫布為炭灰色，採用簡約現代的應用UI。

• 左上角：標題文字為小號白色無襯線字型的“[Thought for 2m 6s]”，旁邊帶有一個微小的下折箭頭圖示。
• 居中預覽：一個顯著的圓角矩形預覽窗，展示日本線上課程的高階黑色編輯風落地頁。網站主視覺區擁有優雅的字型排版，小號英文字標“[ONLINE COURSES]”位於醒目的日文主標題“[デザインとキャリアを、次のステージへ]”上方，下方帶有較小的日文副標題。在主視覺下方，以3列2行網格精準排列6張課程卡片。每張卡片均為暗調質感、細邊框、金灰色微光、氛圍感配圖、分類標籤、簡要介紹、微型圓形導師頭像以及“[詳しく見る →]”連結：
  - 卡片1：UI設計視覺與標題“[本質的なUIデザインの思考とプロセス]”
  - 卡片2：Figma介面圖與標題“[Figmaマスター講座 実踐編]”
  - 卡片3：紙張文具圖與標題“[伝わる構造をつくる 情報設計の技術]”
  - 卡片4：網頁設計編輯器視覺與標題“[STUDIOでつくる ノーコードWebデザイン]”
  - 卡片5：品牌實體書視覺與標題“[ブランドの価値をつくる 設計と表現]”
  - 卡片6：作品集畫冊展開圖與標題“[魅せ方で差がつく ポートフォリオ講座]”
• 預覽疊加層：預覽窗內部左下角有一個小巧的白色日文按鈕“[編集]”，右下角有一個精緻的白色分享/匯出圖示。
• 右側邊欄：精準排列4個垂直堆疊的圓角方形變體縮圖；前3個為淺色主題網頁設計，第4個與當前的深色課程網格相匹配，並帶有一圈發光的藍色選中描邊。
• 整體介面左下角：清晰的白色操作圖示，包含複製圖示和水平三點選單圖示。

逼真的截圖質感、精確的UI間距、細膩的投影效果，呈現高階洗練的日式設計美學。
```