# GPT Image Hub prompt

## 深色AI查看器课程网站原型
- URL: https://www.gptimagehub.com/zh-CN/library/dark-ai-viewer-course-website-mockup
- Generator URL: https://www.gptimagehub.com/zh-CN/generate?promptId=oss-ym-g2-17194
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fzh-CN%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间距、细腻的投影效果，呈现高端洗练的日式设计美学。
```