# 图形放大与缩小的含义（对应边按比例变化）｜页面说明

## 1. 页面目标
把“图形放大与缩小的含义（对应边按比例变化）”这个知识点里最难被学生直接看懂的部分，用一个可操作页面讲清楚，重点解决：放大缩小后形状不变、大小变；对应边都按相同比例变化

## 2. 页面结构
1. 顶部：知识点标题 + 简短任务提示。
2. 中部左侧：主可视化区域，负责展示核心过程。
3. 中部右侧：操作区，承载核心交互控件。
4. 底部：反馈区 / 结论区 / 再试一次。

## 3. 核心组件
- 标题与任务提示
- 主可视化画布
- 操作控件（按 拖拽操作型 设计）
- 结果反馈模块
- 知识点总结模块

## 4. 关键交互流程
### 流程A：进入页面
- 默认展示一个可理解的初始状态。
- 用一句话告诉学生“你要观察什么 / 操作什么”。

### 流程B：执行核心操作
- 用户进行一次关键操作：拖拽操作型：在方格纸上展示原图，用户选择放大/缩小比例，系统自动画出新图形。旁边显示边长和面积的对比表。
- 操作过程中，关键对象的状态实时变化。
- 必要时用颜色、标线、标签强化对应关系。

### 流程C：得到反馈
- 如果操作正确，立即高亮正确结论并解释原因。
- 如果操作错误，给出最小必要提示，不直接剧透最终答案。
- 学生可重置再试，重复观察关键过程。

## 5. 反馈机制
- 正反馈：结果正确时，展示结论 + 对应关系。
- 负反馈：指出错误点，提示应回看哪个过程。
- 过程反馈：在拖动、调参、点击过程中持续显示状态变化。

## 6. 边界与异常
- 参数越界时自动限制到合法范围。
- 如果用户未完成必要步骤，禁止直接提交结论。
- 对容易混淆的概念，增加对比提示或错误示范。

## 7. 适配建议
- 大屏课堂演示优先，布局应保证老师投屏时清楚可见。
- 兼容平板与普通网页宽度。
- 关键按钮、滑块、拖拽目标要足够大，适合小学生操作。

## 8. 教学提示
- 老师可先演示一次，再让学生自己操作。
- 页面要服务于“讲清原理”，不要演变成单纯刷题页面。
- 最终页面文案应尽量短，避免解释文字盖过操作体验。