深色AI查看器课程网站原型

一个逼真的暗黑模式桌面端创意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间距、细腻的投影效果，呈现高端洗练的日式设计美学。