← 返回风格目录

内容排版风格 / Teaching Studio

教学工作室

引导式学习装置:看着学、改着学、测着学、走向下一个概念。教程、课程页、交互讲解、"教我 X"、任何需要引导式学习序列的页面。

本页 token:底 #FBF9F4 面板 #FFFFFF 主字 #1F2429 强调 #2F6F4F 圆角 12px / 标题 Zilla Slab / 正文 IBM Plex Sans / 动效:模型舞台一次旋转入场

结构示意

课程栏目标 / 模式对象 01/02/03
模型舞台
检查器事实 / 为什么重要

页面骨架(官方定义,逐条落实)

  1. 01左侧课程栏:标题、目标、模式控制、对象列表
  2. 02中央模型舞台:选中对象或模式即切换的主教学面
  3. 03右侧检查器:所选对象的事实与"为什么重要"
  4. 04步骤进度轨:贯穿学习序列的骨架
  5. 05自测关卡:小步检查而非期末考试

组件词汇

.lesson-rail .object-stage .inspector .step-track .check-gate

提示词在风格目录对应卡片中一键复制 / 主题由使用者确定,本页演示内容仅为排版示意。